[thelist] CSS three-columns nested

[kris burford [midtempo]]

hi nate.

have a look at eric costello's css layout techniques at
http://www.glish.com/css/ - he has some great examples, including a couple
of 3 column options, which include all the various browser work-arounds -
plus lots of useful css resources...

kris

--

kris burford
midtempo ltd
web strategy, design, build and hosting
www.midtempo.net

-----Original Message-----

Subject: [thelist] CSS three-columns nested



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