yawnmoth wrote:
http://www.frostjedi.com/terra/scrip...ackground.html
In Internet Explorer, the background works as desired. In FireFox,
however, the red background of "menu" is covering up the background of
"main".
IE is violating the specs here.
From CSS 2.1 § 9.5 Floats:
Since a float is not in the flow, non-positioned block boxes created
before and after the float box flow vertically as if the float didn't
exist. However, line boxes created next to the float are shortened to
make room for margin box of the float....
The div's background is part of the div itself, which acts as if the
float doesn't exist for positioning purposes, and the menu thus goes on
top of the background.
Also, lists are not being displayed as desired in either. I'd like
the bullets to appear outside of "menu", but they don't. In FireFox,
they display inside of "menu" and in Internet Explorer, they don't
appear at all (or if they do, they appear under "menu").
The outer part of the list -- the bullets -- is not a line box and will
be obscured by the float. The individual elements are line boxes and are
thus shunted to the side of the float.
Any ideas as to how I can achieve the desired effects?
Which way is the menu supposed to go? To the left of all or just to the
left of the list? In any case, adding a sufficiently thick margin will
achieve the effects. 9 ems seems to be the right amount.
--
Beware of bugs in the above code; I have only proved it correct, not
tried it. -- Donald E. Knuth
