Mathias Schreiber [wmdb] wrote:
Hello list,
I am quite new to the whole concept of CSS2 driven websites and am now
stuck a bit.
Take a look:
http://www.pudaluda.com/fileadmin/te...rrierefrei.htm
Pretty :)
This page renders correct (means: like I think it should) in IE6 -
Mozilla Firefox 0.9.3 does not display the background color nor the
background-image of the div #komplett if I set float:left (or any kind
of float) within #content.
At a quick glance, I think IE's wrong, as usual. Floats are in a sense
taken out of the flow; one consequence is that parent elements don't
expand to contain them. You float both the contained divs, hence the
container is left with nothing to contain & becomes rather short.
One solution, I think, would be to float the first div of links left &
set a left margin on the content div to accomodate the space the links
occupy.
To allow for the perhaps unlikely case where links are taller than
content, you might also want to add a div inside #komplett & after
content, with clear: left; to force it below the links (& thus expand
the parent div to contain them).
At that point you then need to contend with many possible bugs you might
encounter in IE. Peekaboo is one:
http://www.positioniseverything.net/.../peekaboo.html
This might also be useful if you've needed to set a height on an element
& are using floats: IE 3px bug,
http://www.positioniseverything.net/...reepxtest.html
--
Michael
m r o z a t u k g a t e w a y d o t n e t