dk01 — Tue, 07 Feb 2006 18:56:40 +0000

Remember to check this is all your target browsers. CSS was not fully developed in some older browsers so if that is your target market you will want to confirm your solution works. May take some tweaking here and there.

demonhale — Tue, 07 Feb 2006 17:03:43 +0000

yeah, rob... you should clear them if you add a footer...

robbluther — Tue, 07 Feb 2006 14:16:07 +0000

If you need to add a footer, won't you need to put those four columns in a container with a clearFloat class too?

--They would overlap with absolute positioning... I think.

DaveyBoy — Tue, 07 Feb 2006 04:37:20 +0000

i never understand stuff like this, i mean to me that code would just place 4 things on top of each other, since they are all the same - CSS is weird

Anita.Bonghit — Tue, 07 Feb 2006 04:21:16 +0000

Yes! Thank you!

When I was trying to do this, I would use float: right for the right-most column, and the middle column was always unpredictable.

So I see in your example you use float: left for all the columns... that solved everything! Thanks Demon

demonhale — Tue, 07 Feb 2006 02:56:43 +0000

hmmm.... go to a-list-apart ALA site theres some example there...

or its like this, if I make it for you:

#column1 {
width:25%;
float:left;
background:#fff;
padding-bottom:10px;
}

#column2 {
width:25%;
float:left;
background:#fff;
padding-bottom:10px;
}

#column3 {
width:25%;
float:left;
background:#fff;
padding-bottom:10px;
}

#column4 {
width:25%;
float:left;
background:#fff;
padding-bottom:10px;
}

if you want borders around the table add border: #000 1px solid; to the css

Anita.Bonghit — Tue, 07 Feb 2006 02:40:26 +0000

thanks but no. let me be more specific:

Imagine you have a table, one row, 4 columns.
The table width is 100%
Each column width is 25%

Now how could I code a style sheet to do this, without actually using a table in my html?

TIA!

DaveyBoy — Mon, 06 Feb 2006 09:50:25 +0000

http://tools.i-use.it/

that's a pretty neat page to try too

Busy — Mon, 06 Feb 2006 09:36:50 +0000

Take a look at this site http://www.pixy.cz/blogg/clanky/css-3col-layout/
that the sort of thing your after?