Re: Re: Export as HTML

From: roc lee <roc.lee.80@gmail.com>
To: emacs-orgmode@gnu.org
Subject: Re: Re: Export as HTML
Date: Mon, 30 Mar 2009 19:59:02 +0800	[thread overview]
Message-ID: <bdfccab30903300459t6510e582mfe36f7ee421ebf9@mail.gmail.com> (raw)
In-Reply-To: <874oxbntjf.fsf@mundaneum.com>

2009/3/30 Sébastien Vauban <zthjwsqqafhv@spammotel.com>
>
> Hi Carsten,
>
> Carsten Dominik wrote:
> > On Mar 30, 2009, at 10:55 AM, Sébastien Vauban wrote:
> >> Hello,
> >>
> >> Trying to use free CSS templates for some Web site, I have layout problems
> >> with the current export to HTML, as a first `<div id="content">' is
> >> hard-coded
> >> into the resulting Web page.
> >>
> >> Could you remove that line, and its closing tag from `(insert
> >> "\n</div>\n</body>\n</html>\n"))' (in function `org-export-as-html') so that
> >> we have a completely naked BODY, that the user can fill at its own freedom
> >> via
> >> the preamble/postamble?
> >
> > Why and how is this <div> limiting what you can do?
>
> I took a free CSS template at:
>
>    http://www.free-css.com/free-css-templates/page2/minisite-pro.php
>
> If I want to use it without modifying it, I have to follow such a construct
> (taken from their live demo):
>
> --8<---------------cut here---------------start------------->8---
> <body>
> <div id="container">
>  <div id="head">
>
>    <h1 id="logo"><a href="/" title="Free CSS">Free CSS</a></h1>
>    <p id="quote">Free CSS Templates, CSS Layouts &amp; More!</p>
>    <ul id="topnavi">
>      <li><a href="http://www.free-css.com/" title="Free CSS">Home</a></li>
>      <li><a href="/contact-us.php" title="Contact Free CSS">Contact Us</a></li>
>      <li><a href="/advertise.php" title="Advertise With Free CSS">Advertise</a></li>
>
>      <li><a href="/recommend-us.php" rel="popup console 500 520 noicon" title="Recommend Free CSS">Recommend Us</a></li>
>      <li><a href="/submit.php" title="Submit to Free CSS">Submit</a></li>
>      <li class="last"><a href="/search.php" title="Search Free CSS">Search</a></li>
>    </ul>
>  </div>
>  <div id="superbanner">
>    <script src="/assets/templates/free-templates/scripts/buysellads_sb.js" type="text/javascript"></script>
>
>  </div>
>  <div id="breadcrumb">
>    <ul>
> <li class="first">You Are Here</li>
> <li>&#187;</li>
> <li><a href="/" title="Free CSS">Free CSS</a></li>
> <li>&#187;</li>
> <li><a href="/free-css-templates.php" title="Free CSS Templates">Free CSS Templates</a></li>
> <li>&#187;</li>
> <li><a href="/free-css-templates/page2.php" title="CSS Website Templates Page 2">CSS Templates Page 2</a></li>
>
> <li>&#187;</li>
> <li class="current"><a href="/free-css-templates/page2/minisite-pro.php" title="Minisite Pro Template">Minisite Pro</a></li>
> </ul>
>  </div>
> <div id="content">
> --8<---------------cut here---------------end--------------->8---
>
> Having <div id="content"> directly under the BODY tag messes up everything.
>
>
> > It was recently introduce precisely to aid CSS formatting
> > of the entire body.
>
> For me, it seems easier to have a completely naked body, by default, and let
> the user decide, follow or copy a guideline to implement the nice CSS he wants
> to.
>
> Currently, I had to modify the source code to get the same effect as the one I
> want.

This is the basic structure for your intended html files :
<body>
  <div id="wrapper">
    <div id="header"> </div>
    <ul id="nav"> </ul>
    <div id="content" class="clearfix">   </div>
    <div id="footer"> </div>
  </div>
</body>

And "content" div has its special format in your style sheet.
When a unexpected "content" div comes in, it messes up everything:
<body>
  <div id=“content">
    <div id="wrapper">
      <div id="header"> </div>
      <ul id="nav"> </ul>
      <div id="content" class="clearfix">   </div>
      <div id="footer"> </div>
    </div>
  </div>
</body>

I agree with you. To give user a nacked body should be better.
Or use a long, no-conflict name is also OK :)

BR

> > Sebasian (Rose) and Richard, you helped making getting
> > the outer div into place, would you care to comment?
>
> Best regards,
>  Seb
>
> --
> Sébastien Vauban
>
>
> _______________________________________________
> Emacs-orgmode mailing list
> Remember: use `Reply All' to send replies to the list.
> Emacs-orgmode@gnu.org
> http://lists.gnu.org/mailman/listinfo/emacs-orgmode