W3C home > Mailing lists > Public > www-html@w3.org > January 2002

Re: CSS not enough - Re: proposal for HTML4.01 amendment: <BR PAGEBREAK="before">

From: Robert Koberg <rob@koberg.com>
Date: Sat, 12 Jan 2002 06:03:08 -0800
Message-ID: <020e01c19b71$dfd36f30$6501a8c0@TILLER>
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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 27 March 2012 18:15:50 GMT