W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2002

Re: FAQ - two columns using CSS

From: Emmanuelle Gutiérrez y Restrepo <emmanuelle@teleline.es>
Date: Mon, 18 Feb 2002 11:42:50 +0100
Message-ID: <008201c1b869$03bbca00$2f0e04d5@teleline.es>
To: "Charles McCathieNevile" <charles@w3.org>
Cc: "Bert Bos" <bbos@w3.org>, "WAI IG" <w3c-wai-ig@w3.org>, "Nadia Heninger" <nadiah@uclink.berkeley.edu>
Indeed, Charles is right, in:
http://www.rpd.es/boletin/bol43/legesta.html
I have a page with text in two columns created with CSS:
 .colLeft {width: 49%; float: left; padding: 0% 5% 0% 0%;}

.colRight {padding: 0% 0% 0% 1%;}

.colEnd {clear: both; }

It works well in Netscape 4.5 and 6.2, Ie 5.0 and 6.0, Operates 5.02, but
not in Amaya.

And I am making tests for the remodeling of the SIDAR Website using a column
for the menu, another for the text and a floating division to include texts
or illustrative graphics:
http://www.sidar.org/prueba2/prueba3.htm

It works more or less well in: Netscape 4.5 and 6.2.1, Ie 6.0, Operates
5.02, but not in Amaya.

for the menu: DIV.left
for the content: DIV.body
for the ilustration: class = ilustra

Regards,
Emmanuelle
----- Original Message -----
From: "Charles McCathieNevile" <charles@w3.org>
To: "Emmanuelle Gutiérrez y Restrepo" <emmanuelle@teleline.es>
Cc: "Bert Bos" <bbos@w3.org>; "WAI IG" <w3c-wai-ig@w3.org>; "Nadia Heninger"
<nadiah@uclink.berkeley.edu>
Sent: Monday, February 18, 2002 9:38 AM
Subject: Re: FAQ - two columns using CSS


Yes, this is what I had planned to do orignally, and more like the earlier
vesion that is linked from my orioginal post. The troupble is that I am not
sure what happens if the width is set in em. The benefit is that the
navigation bar takes up the right amount of space to make each link fit
neatly (if it is counted right) - there is another example of this at
http://validator.w3.org (or was last time I looked).

I think Emmanuelle has also done some work on using absolute positioning
styles to achieve this effect, with the added bonus that in CSS-capable
browsers the links are there all the time.

(on http://www.sidar.org - the SIDAR site. Can you share with us some ore?
;-)

cheers

Charles

On Sat, 16 Feb 2002, Emmanuelle Gutiérrez y Restrepo wrote:

  <style>
  .main { float:right ; width:75%}
  .nav { background-color: gold; width:8em; }
  </style>

  This work fine in Ie 6.0, Netscape 4.5, Netscape 6.2, and in Opera 5.0

  Regards,
  Emmanuelle

  ----- Original Message -----
  From: "Charles McCathieNevile" <charles@w3.org>
  To: "Bert Bos" <bbos@w3.org>
  Cc: "WAI IG" <w3c-wai-ig@w3.org>; "Nadia Heninger"
  <nadiah@uclink.berkeley.edu>
  Sent: Friday, February 15, 2002 6:26 PM
  Subject: RE: FAQ - two columns using CSS


  I made a test page: http://www.w3.org/2002/02/css-float-test

  cheers

  Chaals

  --
  Charles McCathieNevile    http://www.w3.org/People/Charles  phone: +61 409
  134 136
  W3C Web Accessibility Initiative     http://www.w3.org/WAI    fax: +1 617
  258 5999
  Location: 21 Mitchell street FOOTSCRAY Vic 3011, Australia
  (or W3C INRIA, Route des Lucioles, BP 93, 06902 Sophia Antipolis Cedex,
  France)



--
Charles McCathieNevile    http://www.w3.org/People/Charles  phone: +61 409
134 136
W3C Web Accessibility Initiative     http://www.w3.org/WAI    fax: +1 617
258 5999
Location: 21 Mitchell street FOOTSCRAY Vic 3011, Australia
(or W3C INRIA, Route des Lucioles, BP 93, 06902 Sophia Antipolis Cedex,
France)
Received on Monday, 18 February 2002 05:46:08 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:14:00 GMT