Previous Message
Next Message

Firefox - 2 column layout problem

Sent by Michael Wilson on 12 June 2004 03:03


Hi,

Add this class and apply to <div id="content">

..clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

You have some issues in IE 5.x also; the sidebar is falling under the main
content. Just change .sideheader to width: 130px; and that takes care of it.

The sidebar still falls under the content in Opera 6+. To fix this add 
margin-left: 460px; to #sidebar.

You can remove height: 100%; from #main, because it is not required.

I tested it in Firefox .08, Netscape 6.2 & 7.1, IE 6 and 5.x, and Opera 6.2+
and it worked ok for me with these changes.

Best regards,
M Wilson

-----Original Message-----
From: A l e x M a r i n o
Sent: Friday, June 11, 2004 8:54 PM
To: [EMAIL-REMOVED]
Subject: [css-d] Firefox - 2 column layout problem

I have tried all i know to solve this problem but can't quite get to the
bottom of it.

______________________________________________________________________
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: