Re: Oddness with multicolumn format

by "Andrew Armstrong" <andrew(at)wisca.co.uk>

 Date:  Tue, 6 Nov 2001 21:34:19 -0000
 To:  "Ron Hall" <thorn(at)cc.mcgill.ca>,
"HWG Techniques" <hwg-techniques(at)hwg.org>
 References:  mcgill
  todo: View Thread, Original
On NN6.2 and IE5.5 I see the columns all starting at the same height - but
words in one column can run into words in the next, depending on window
width and therefore on the exact wrapping.

hth

Andrew

----- Original Message -----
From: "Ron Hall" <thorn(at)cc.mcgill.ca>
To: "HWG Techniques" <hwg-techniques(at)hwg.org>
Sent: Tuesday, November 06, 2001 5:17 PM
Subject: Oddness with multicolumn format


>
> Howdy!
>
> The following site:
>
> http://guiness.cc.mcgill.ca/mango
>
> has an oddness the ithe left column - there is about 1em space
> so that the columns do not line up.
>
> The CSS is below. Can anyone shed any light on this?
>
>
> .bg   {
> color:            #000000;
> background-color: #FFFFFF;
>       }
>
> .center { text-align: center; }
>
> .title       {
>        text-align:   center;
>                font-size:    18pt;
>                font-family:  Palatino,TImes,serif;
>                font-weight:  bold;
>                color:        #cc6600;
>                background-color:   #FFFFFF;
>              }
>
> .subtitle    {
>        text-align:   center;
>                font-size:    16pt;
>                font-family:  Palatino,TImes,serif;
>                font-weight:  lighter;
>                font-style:    italic;
>                color:        #cc6600;
>                background-color:   #FFFFFF;
>              }
>
> .leftcol     {
>                 top:      120px;
>         width:    29%;
> clear:    left;
> float:    left;
>      }
>
> .midcol      {
>                 top:      120px;
>         width:    32%;
> float:    left;
>      }
>
> .rightcol    {
>                 top:      120px;
>         width:    29%;
> float:    left;
>      }
>
> .footer      {
> clear:        both;
> float:        left;
> margin-left:  2.5em;
> margin-right: 2.5em;
>      }
>
> .cfooter      {
> clear:        both;
> float:        left;
> text-align:   center;
>      }
>
>
> TIA
>
> As Always
>
> r
>
>

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA