[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