martin f krafft wrote:
> http://martin-krafft.net/phd/
> My problem is with the left column, which I produce by floating the
> main content to the right of the left column, which follows the
> content in the XHTML source. Unfortunately, the text flow of the left
> column is interrupted at the height of the start of the main
> content, and the text flow only resumes after the main content is
> done.
>
> Can you advise how I could fix this? I'd prefer not to move the left
> column before the content in the XHTML source, and position:absolute
> is also not an option, because the left margin of the page is
> dynamic.
That doesn't matter since it only depends on what's #left gets
positioned in relation too, but 'position: absolute' isn't a good idea
anyway - and it isn't needed...
> Thanks for any help, and comments about the page welcome. I only
> tested in in Firefox...
Correct the floating #content so it becomes a real em-sized float
instead of relying on its margins. That left margin is what's blocking
parts of the left column now, and that's not how a float should be styled.
This will do:
#content {
float: right;
margin: 0 1em 0 0;
width: 28em;
display: inline /* to fix IE's 'margin-doubling' bug */
}
The non-floating #left should also be restyled, like this:
#left {
margin-top: -1.5em;
width: auto /* or default */;
margin-right: 30em;
}
If you want #left to "stretch" all the way down, then the addition of...
<li style="list-style: none; clear: right;"><!-- --></li>
...(styles moved to stylesheet) at the bottom of #toc ul will make that
happen in Firefox and Opera etc, but IE/win will need 'position:
relative' added to #left, #toc and #toc ul in order to "play ball".
Quite a few more weak spots in IE6 that need attention, but looks and
behaves ok (with fixes in place) in other browsers.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
