Previous Message
Next Message

3 col elastic design

Sent by Bob Easton on 25 June 2004 23:11


Mungbeans wrote:

> ...  Naturally it is
> the IE floats that are causing the problem.  At 640x480 in IE the third
> column slips down the page.  The navigation to the left also starts to
> appear staggered.
> ...
> Any ideas to clean up the floats in IE would be appreciated.  (I hate
> floats.)
> 

For the navigation, try removing the margin:auto from the individual 
elements.  This lets each of them seek their own width.  Let the 
container constrain them instead.

The right column coding looks OK.  I'm suspicious of non-breaking 
content that is too wide for the small space available when reduced to 
that narrow width.  In IE6 on my Win-XP system, the float drops when the 
window is narrowed to 560px, which is really very narrow.  At that 
point, the string "Psychotherapy?" is the object propping the float 
open. (2nd bullet of the FAQ)  You are at the point where 10 kilos of 
content will no longer fit in a 5 kilo bag.

-- 
Bob Easton
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: