Thu, 2005-09-15 11:34
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
Thu, 2005-09-15 13:07
#1
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/