Your problem seems to be with the left margin of the sidebar style.

Try

#sidebar {
        BORDER-TOP: #75949e 2px solid; MARGIN: 6px 0px 6px 44px; FONT:
12px/18px Verdana, Arial, Helvetica, sans-serif; OVERFLOW: auto; WIDTH:
480px; COLOR: #30150e; HEIGHT: 199px; BACKGROUND-COLOR: #fff; border:1px
solid blue;
}
* html #sidebar{margin-left:264px;}

Regards

Graham Cook

-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Vicky Etherington
Sent: Thursday, 26 May 2005 9:31 PM
To: Ingo Chao
Cc: css-d@lists.css-discuss.org
Subject: RE: [css-d] Firefox and IE discrepancies

Ingo, I really appreciated your advice, and you pointed out that I need to
set the height of various divs which has helped my layout a lot for lower
resolutions, but I'm still struggling with the overflow problem in FF when I
apply it.  I have applied clear:both rules to the navigation and the #main
div, but FF still throws the content over to the right when the overflow:
auto rule is applied (it's fine without it, although it obviously cuts the
content off)

I have uploaded the same layout WITH the overflow set to auto at:
http://www.azuremarketing.com/clients/workham04/web/. It looks fine in IE,
but viewing it in Firefox will show the problem.

If anyone has any suggestions as to how I can fix it, that would be great.

Many thanks.

-----Original Message-----
From: Ingo Chao [mailto:[EMAIL PROTECTED]
Sent: 24 May 2005 16:49
To: Vicky Etherington
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Firefox and IE discrepancies


Vicky Etherington schrieb:
...
> I'm also aware that I could do with adding an overflow: auto rule as Opera
> throws the content out of the bottom, but this totally throws my layout in
> Firefox.  The whole of the content box moves out to the right, and I'm not
> sure why, or how I can fix it.
...
>
> The page is at: http://www.azuremarketing.com/clients/workham04/web/
>

The vertical centering technique you are using
  http://www.hicksdesign.co.uk/journal/vertical--horizontal-centering-2
will not allow the content to expand the #wrapper, since the given
height is needed to pull the construct into the center with negative
margining.
So, if you want to set overflow:auto in #wrapper, you'll get scrollbars.
Note that the FF problem is due to the missing clearing of the
navigation floats, and will occur when you zoom the text too. Add
clear:both to #main to fix this.

Ingo





______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to