- From: Robert Koberg <rob@koberg.com>
- Date: Sat, 12 Jan 2002 06:03:08 -0800
- To: "Christian Wolfgang Hujer" <Christian.Hujer@itcqis.com>, <www-html@w3.org>
sorry if this is OT ----- Original Message ----- From: "Christian Wolfgang Hujer" <Christian.Hujer@itcqis.com> > > what about: > .firstColumn { > left:0%; > right:75%; > } > .secondColumn { > left:25%; > right:50%; > } > .thirdColumn { > left:50%; > right:25%; > } > .forthColumn { > left:75%; > right:0%; > } > .firstColumn, .secondColumn, .thirdColumn, .forthColumn { > position:absolute; > } > this is shorter, 4 columns, relative layout, font size independant and works > fine in Opera 6, Mozilla and Internet Explorer 6 (other browsers not yet > tested). Problem: flow of objects following the forth column is broken (like > in your solution). I did not come up with this solution and it almost does everything I need. Curious, why do you need to set the outer columns right, left to 75%? That does not seem intuitive to me. The problem I have with this (and probably it is my ignorance) I can't keep the leftmost column to be, say 200px and the rightmost column to be, say 170px. Then the inner columns are variable depending on the browser width. How do you pin the 2cnd column from the left to 200px? Whenever trying to set to pixel precision (which is wrong for a browser anyway, I know..., but for left and right nav areas it is very common) you get the overlap problem. > > > or what about: > .firstColumn, .secondColumn, .thirdColumn, .forthColumn { > width:25%; > float:left; > } this is definitely elegant. I can see where i can use this sometimes. But it does not meet my usual needs. > this is even shorter, 4 columns, relative layout, font size independant and > also works fine in Opera 6, Mozilla and Internet Explorer 6 (other browsers > not yet tested). > The advantage over the first solution is that following parts of the > document are in normal flow and do not cause layout problems because no > absolute positioned elements were used. > > And I am sure I could find even more solutions. The reason why I do not use > them often is that tables still provide a more stable solution. > > > These solutions still have one problem, which the but share with tables: > text doesn't automatically flow from one column into another. > > Thanks! -Rob
Received on Saturday, 12 January 2002 09:06:18 UTC