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

Re: FAQ - two columns using CSS

From: Charles McCathieNevile <charles@w3.org>
Date: Mon, 18 Feb 2002 04:14:13 -0500 (EST)
To: Emmanuelle Gutiérrez y Restrepo <emmanuelle@teleline.es>
cc: WAI IG <w3c-wai-ig@w3.org>
Message-ID: <Pine.LNX.4.30.0202180353060.1758-100000@tux.w3.org>
(My test file uses the following:

.main { float:right ; width:75%}
 .afterwords { clear: both }
 .nav { background-color: gold ; width 25%}

to give a width to the nav area. I noticed that the colour of the .nav
section bleeds across in some browsers - not a grave error, but I thought I
would leave it there to check anyway.

cheers

Charles

On Mon, 18 Feb 2002, Charles McCathieNevile wrote:

  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 04:14:22 GMT

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