Posted by dorayme on 09/26/07 23:56

In article
<1190832382.349870.285270@19g2000hsx.googlegroups.com>,
"ishky1@gmail.com" <ishky1@gmail.com> wrote:

>
> Sorry no web page to point to.
>
> I have a two column page design using two floated divs:
>
> div#left{
> width: 50%;
> float: left;
> }
> div#right{
> width: 50%;
> float: right;
> }
> All works well in both browsers and shows two columns side by side.
> The problem comes up when I insert padding into the css. With the
> padding IE renders the page with two column side by side. However in
> Firefox there is an overlap and the right column is displayed below
> the left.

I would think that FF is correct for css 2. If both left and
right take up 50%, and there is added something extra (eg a 1 px
border or padding) in just one of these, then it must take up a
little more than the 50% you specified. Width, strange as it may
seem, mostly refers to the horizontal area for content.

--
dorayme

[Back to original message]