[thelist] CSS three-columns nested

Lachlan Cannon tiedefenderdelta6 at yahoo.com
Tue Jan 8 23:55:05 CST 2002


> 
> Message: 22
> Date: Tue, 8 Jan 2002 09:45:05 -0800
> To: thelist at lists.evolt.org
> From: nate at filatim.com
> Cc:
> Subject: [thelist] CSS three-columns nested
> Reply-To: thelist at lists.evolt.org
> 
> 
> On several pages at my site, I am trying to produce three
> columns with CSS, inside of a <div> with a border and
> different background color. The columns work great in
> Opera and IE, but in Netscape 6.2/Win, they appear
> outside of my container <div>.
> 
> The revelant code is as follows:
> 
> .main {
> 	position:absolute;
> 	width:80%;
> 	left:9%;
> }
> 
> .columm {
> 	position:relative;
> 	width:33%;
> 	float:left;
> }
> 
> <div class=\"main\">
>     ...
>     <div class=\"column\">foo</div> <!-- 3x -->
> </div>
> 
> 
> Does anyone see my mistake, or is such behavior just a
> quirk? The page is at
> <http://home.nfillmore.com/links/test.php>.
> 
> Thanks!
> 
> Nate

This probably happens because floated elements occupy no
space. You need to instert something below the floated
divs, for example an nbsp.

=====
-------------------------------------------------------
"Have you ever attempted to be yourself, when everybody wants you to be someone else." - Powderfinger's Up & Down & Back Again
-------------------------------------------------------

__________________________________________________
Do You Yahoo!?
Send FREE video emails in Yahoo! Mail!
http://promo.yahoo.com/videomail/




More information about the thelist mailing list