Horizontale scrollbar in Firefox (Mac) wegkrijgen

[Verwijderd]

Ik zit met iets raars; op mijn website, www.arnohoogwerf.nl, zie ik een overbodige horizontale scrollbar onderin m'n scherm. Het gekke is, dat ik deze alleen zie in de Mac-versie van Firefox. Firefox onder Windows, en andere gangbare browsers hebben geen probleem. M'n html is volgens mij correct (volgens W3C) en m'n css is redelijk eenvoudig.

Om het goed te kunnen testen heb ik een zo kaal mogelijke pagina met alleen de noodzakelijke items (header, footer en content-basis) aangemaakt, zie http://www.arnohoogwerf.nl/bestellen/test.php. Ook hierin verschijnt de extra scrollbar, zie:



Iemand een idee waar dit aan kan liggen?

[Sp33dFr34k]

Ik zie het probleem, dus de scrollbar hier ook onder Vista, Firefox 3.5.6...
Bij IE doet ie het prima..

Met overflow op hidden is het probleem opgelost.

[Johnny]

Het komt door de text-shadow die je op de #footer hebt staan en ook wordt toegepast op de icons rechts, als je die uitzet dan verdwijnt de scrollbar.

[ID-College]

Sp33dFr34k schreef op maandag 21 december 2009 @ 17:40:
Ik zie het probleem, dus de scrollbar hier ook onder Vista, Firefox 3.5.6...
Bij IE doet ie het prima..

Met overflow op hidden is het probleem opgelost.

Hier heb ik hem ook

[Verwijderd]

Aha, dat was 'm dus (die text-shadow). Bedankt Johnny voor je snelle vondst van het probleem. Overflow op hidden zetten had ik ook al geprobeerd, maar dan verdwijnt ook m'n verticale scrollbar.

Bedankt allemaal voor het meedenken!

[Sp33dFr34k]

Overflow-x dan natuurlijk, kun je je schaduw houden

Maargoed, problem solved.

[Stouten]

Heb je toevallig een width = 100% voor je footer gebruikt?

[Verwijderd]

Stouten schreef op dinsdag 22 december 2009 @ 13:10:
Heb je toevallig een width = 100% voor je footer gebruikt?

Ja, maar dit is ook goed toch?

[MueR]

Inclusief padding kan dat in FF uitkomen op meer dan 100%, waardoor je interessante verschijnselen krijgt

[Verwijderd]

MueR schreef op dinsdag 22 december 2009 @ 13:48:
Inclusief padding kan dat in FF uitkomen op meer dan 100%, waardoor je interessante verschijnselen krijgt

Maar er zit geen padding op, en dat was ook niet het probleem

[Johnny]

Toen ik mijn reactie schreef had ik niet zoveel tijd, dus hier nog even een uitleg.

Je kan dit soort problemen heel goed opsporen met een plugin zoals Firefbug in Firefox waarbij met de inspectiefunctie (knop met muiscursor) over ieder element heen kan gaan en zien hoe groot het is, welke stijlen er op van toepassing zijn en deze stuk voor stuk in of uitschakelen om te zien waar het probleem zich voordoet. Safari, Opera en, MSIE hebben ook soortgelijke functionaliteit.