By durruti on

Hello all,

Sorry to bother you, but if anyone can solve this for me they might just save my sanity.

I am working on my first zen based sub-theme and I have a horizontal scroll bar in firefox that doesn't exist in Opera or IE6, I have tried changing the #page size, reducing the #content and #sidebar-right sizes but it is still there! I assume that it has to do with margins, but I can't find anything in the css that I have written, could it be coming from somewhere else?

Have a look at the page at: http://openspace.coop

Any ideas would be very gratefully received.

Many thanks,
Matt

⋅ Categories: Drupal 6.x

Comments

prbass’s picture

prbass commented

I've had a really quick look at this

The problem seems to be with the #page div

You have set overflow-y: hidden

Is there a reason why you can't change this to overflow: hidden in your css

Does that break something else?

If it does, an overflow-x: hidden should kill that scroll bar

prbass’s picture

prbass commented

Update: you haven't set this property at all: this is coming from your layout.css:

If get rid of this line, your problem should disappear. You might get a few extra pixels in FF2, but I guess you could live with this.

/* If a div.clear-block doesn't have any content after it, Firefox and Safari
will mistakenly place several pixels worth of space between the bottom of
the div and the bottom of the viewport. This fixes it. */
#page { overflow-y: hidden; } /* CSS3 property *

Update Update!

The real culprit would appear to be your footer-inner div - it is set to be 100% wide with 10px padding - Firefox is rendering this DIV wider than it's parent.

I'm guessing this was to make the border applied to #footer-inner stretch right across the page, whilst having a margin.

One solution might be get rid of the 100% width, keep the padding on footer-inner, but apply the border to the #footer div instead.

Good luck!

durruti’s picture

durruti commented

prbass: Brilliant, it was indeed footer that was the problem! I've put the border on footer (rather than footer-inner) where it should have been. Sometimes you just need a fresh pair of eyes, thanks for taking the time.
Cheers
Matt