W3C home > Mailing lists > Public > www-style@w3.org > July 2003

3 columns page

From: Pablo Enríquez <lurgee92@yahoo.es>
Date: Fri, 25 Jul 2003 09:39:07 +0200 (CEST)
Message-ID: <20030725073907.79301.qmail@web41311.mail.yahoo.com>
To: www-style@w3.org

Hello,

I'm looking for a layout solution for a 3 columns web
page in css2.

The webpage expands all the screen for different
resolutions (width:100%), but I want the first and the
last column to take a fixed width (175px) so the one
which expands is the second column.

I'm trying with floating blocks but I can´t find a way
to keep left & right columns fixed:

DIV#page {position:relative; width:100%}

DIV#left-column {float:left; width:24%}
DIV#center-column {float:left; width:52%}
DIV#right-column {float:left; width: 24%}

The trouble is that the center column doesn't seem to
recognize the width of the other ones.

Other way, this doesn't work when the right columns
renders the last:

DIV#left-column {float:left; width:175px}
DIV#center-column {position:relative; width:100%}
DIV#right-column {float:right; width:175px}

I will be gratefull for any sugestions. 

Cheers
Pablo Enríquez

___________________________________________________
Yahoo! Messenger - Nueva versión GRATIS
Super Webcam, voz, caritas animadas, y más...
http://messenger.yahoo.es
Received on Friday, 25 July 2003 03:39:14 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:22 GMT