Adam Morris wrote:
Ok. I added a "min-width" to the #content which seems to stop the
page breaking up under 1000px. I also used the javascript fix for IE
but... now then it seemed that IE dropped apart at widths OVER
1200px! So.. I added 'position:relative' to the #content - seems to
always fix most IE probs! - but no joy. THEN tried
'position:ABSOLUTE'... bingo! Why on earth does this work??
Probably because 'position: absolute' adds 'Layout' to that
container[1]. It's an IE-bug that is often used to "fix" things in that
browser, although that bug most often creates more problems than it solves.
You may try one of the other 'hasLayout' triggers/solutions mentioned in
that 'Layout'[1] article. I prefer the proprietary 'zoom: 1;' myself
since it isn't applied by good browsers, and will work even in IE7.
General rule of thumb is to not use 'position: absolute' on large parts
of any complex layout, since absolute positioned elements are taken out
of the flow and won't interact properly with other elements in same
layout. May make it harder to create coherent layouts.
Also, there is still a flaw bottom left where some image dropping out
of the 'box'... why is that?
In IE6?
Probably a result of the same 'Layout' bug. Read up on it.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html#prop
--
http://www.gunlaug.no
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
