Chrome/Safari/WebKit (et IE?): Le débordement n'est pas respecté

Quelqu'un peut-il me dire pourquoi le menu à http://preview.endlesscircle.org/ augmente d'environ 5px horizontalement seulement dans WebKit et Trident (IE) lorsque vous cliquez sur le menu "Éducation des parents" pour voir cette page (mais pas FireFox)?Chrome/Safari/WebKit (et IE?): Le débordement n'est pas respecté

(Bizarrement, dans Chrome, lorsque vous avez la fenêtre Outils de développement ouvert dans la même fenêtre que la page Web - ouverte comme un panneau, la question disparaît.)

Il est la seule page dans WebKit où la largeur du menu se développe, et dans IE, il se développe sur cette page et "Community Implication".

Le CSS pour #body est:

#body 
{ 
    margin-top:208px; 
    position:absolute; 
    width:925px; 
    padding:0 20px 0 20px; 
    overflow:hidden; 
    overflow-y:visible; 
}

Comment se fait dans WebKit et IE le débordement horizontal est pas caché? Pour la vie de moi, je ne peux pas comprendre celui-ci!

Source

2011-01-06 AgileMeansDoAsLittleAsPossible

Je ne vois pas le menu se développer. Cependant, je vois la page entière passer d'environ 5px entre les deux pages. Cela peut être dû au fait que l'un de vos conteneurs est en expansion ... –

@Jesse: Ne pas voir ce comportement. Peut-être parce que la page Education a une barre de défilement qui décale légèrement le centre de la page vers la gauche. @Agile: Impossible de reproduire sur Chrome/Win7. Ça a l'air bien ici. –

@Matthew: Vous avez raison, idiot moi. –

Dans parent-education.css vous êtes retraiter la largeur du corps:

body 
{ 
    width:933px; 
}

Prenez-le et Webkit devrait fonctionner correctement maintenant. Je ne suis pas en mesure de tester dans IE7.

Source

2011-01-07 01:57:53 Duopixel

Chrome/Safari/WebKit (et IE?): Le débordement n'est pas respecté

Répondre

Questions connexes