1 reply [Last post]
mjpetersen68
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2005-09-15
Posts: 1
Points: 0

I'm converting from tables to CSS, so in that regard I'm a newcomer.

Can anyone help me with my attached simple page, css is embedded.

The effect I'm trying to achieve is to have Col1 and Col2 fixed width, while Col3 should extend in width to the edge of the browser window.

Secondly, how can I make Col3 still appear when it has no content apart from a colour?

Anyone help?

Matthew

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 48 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

3 columns, 2 fixed width, 3rd bleed to window edge

Don't float the third column. Give it (the third column) a left-margin equal to the two previous floats - looks like 552px in this case. And then remove the width. Because it's no longer a float, a normal div will extend to fill all available width by nature, filling the remaining viewport. Regarding the column color extending down, have a read here: http://www.alistapart.com/articles/fauxcolumns/