|
|
Posted by Nik Coughlin on 07/12/07 02:16
Bergamot wrote:
> Nik Coughlin wrote:
>>
>> It's really, really easy to do columns without tables. Now, equal
>> height columns on the other hand... can't be done without tables.
>
> Not true. It can be done fairly easily with creative use of borders
> and negative margins.
>
> http://webhost.bridgew.edu/etribou/layouts/
> http://www.bergamotus.ws/samples/3column-stretch-with-borders.html
You're cheating, those are hacks that make it seem like you have equal
height columns. You don't. But I should have been more specific, you can't
do a fluid 3 column layout where the columns are rounded corner boxes
implementing png transparency. Can't be done for Internet Explorer without
using tables.
I would love you to prove me wrong :)
Here's my take on it (an older version, but defining the problem):
http://www.nrkn.com/3ColRoundAlpha/
And (a newer version, given up on equal height but a lot of dumb things I
did in the first version have been fixed):
http://www.nrkn.com/3ColRoundAlpha/new/
The second is much nicer, but I haven't tried to make the columns equal this
time as I don't think it can be done in a cross browser fashion without
tables. Yes it has issues with IE<7 as you pointed out earlier :) But
those can be fixed easily enough.
Navigation:
[Reply to this message]
|