Richard Riley <rileyrg...@googlemail.com> writes:
> Sebastian Rose <sebastian_r...@gmx.de> writes:
>
>> Richard Riley <rileyrg...@googlemail.com> writes:
>>> It's been a while since I've looked at my org set up. One thing that
>>> always struck me as a bit hacky was my use of
>>>
>>> :preamble "<div id='content'>
>>>
>>> and the corresponding postamble to enclose the exported web pages into a
>>> "container" div. Is there a better way to do this? I would think it
>>> would be a common enough need that by default or via an option all html
>>> should be enclosed in a "webcontainer" ID.
>>
>> While one container around everything makes it possible to center the
>> page horizontally, two containers make it possible to center the page
>> vertically as well.
>>
>> If we would go and change the structure once again, I'd even suggest the
>> following:
>>
>> <body>
>> <div id="percent-50"> -- center the page if desired
>> <div id="wrap"> -- center the page if desired
>
> Why always IDs as opposed to classes?
`percent-50' and `wrap' are there for a special purpose and unique in
that concern. `wrap' is the `content' you originally requested. I did
not use my brain and called it `wrap' without any annotation.
>>> :preamble "<div id='content'>
I'd say they should have an ID assigned.
> Can css selectors select based on a part of a name? If not then there is
> no link between column-1 and column-2. e.g in this convention how does
> one create a common style for all columns or all "sec-" objects?
Aaah, OK, sorry for being unclear - a misunderstanding.
I did *not* mean to _change_ the structure of the XHTML in it's current
form, but simply _add_ additional containers to partition the whole
thing (just as you suggested) and thus make it possible to move certain
groups of content around through CSS.
All the "sec-" objects should go into `column-2'.
All the `sec-' objects share classes via the containers they live in:
<div id="outline-container-2" class="outline-2">
<div id="outline-container-2.1" class="outline-3">
etc.
That's already the case, and I think we don't need to change that.
* Suggestions for names
`wrap' is, what they use in typolight and some other CMSs. But
`content' sounds good to me too.
<div id="center">
<div id="wrap"><!-- or `content' -->
<div id="box-1">
<div id="table-of-contents">
...
</div>
</div><!-- end of box-1 -->
<div id="box-2">
<div id="outline-container-2" class="outline-2">
<h2 id="sec-1"><span class="section-number-2">2</span> Konfiguration
</h2>
<div class="outline-text-2" id="text-2">
...
</div>
</div>
... more sections, footnotes ...
</div><!-- end of box-2 -->
<div id="postamble">
postamble
</div>
</div><!-- end of wrap -->
</div><!-- end of center -->
>>
>> <div id="column-1"> -- Help with fixed TOC
>> <div id="table-of-contents">
>> the toc
>> </div>
>> </div>
>>
>> <div id="column-2"> -- Help with fixed TOC
>> All the rest of the content goes here
>> </div>
>>
>> <div id="postamble">
>> postamble
>> </div>
>>
>> </div>
>> </div>
>> </body>
>>
>>
>>
>> Having two boxes for the TOC would make the fixed TOC work in IE. In
>> general, I prefere to use two kinds of Boxes:
>>
>> - one for positioning, floating and so on. This one should have _no_
>> padding or margin at all!
>
> Can one not simply use .body for that?
>
>> - one for margin, padding, styling.
>>
>> I found, this is the only way to reliably enforce a layout across
>> browsers.
>>
>>
>> column-1 and column-2 are for that very reason. All we can do to put the
>> TOC to the left or right is, to add margins to the body or the level 1
>> contents, and place it there. This is, what causes the problems with the
>> fixed TOC in IE. `column-1' and `column-2' (and `postamble') make it
>> possible, to adjust the layout in various common ways.
>>
>> The `percent-50' (oh what a name) and `wrap' are just there, to be able
>> to center the whole page horizontally _and_ veritcally.
>
>>
>>
>> Best,
>>
>> --
>> Sebastian Rose, EMMA STIL - mediendesign, Niemeyerstr.6, 30449 Hannover
>> Tel.: +49 (0)511 - 36 58 472
>> Fax: +49 (0)1805 - 233633 - 11044
>> mobil: +49 (0)173 - 83 93 417
>> Http: www.emma-stil.de
>>
--
Sebastian Rose, EMMA STIL - mediendesign, Niemeyerstr.6, 30449 Hannover
Tel.: +49 (0)511 - 36 58 472
Fax: +49 (0)1805 - 233633 - 11044
mobil: +49 (0)173 - 83 93 417
Email: s.r...@emma-stil.de, sebastian_r...@gmx.de
Http: www.emma-stil.de
_______________________________________________
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
