frontières IE rupture navigation

un autre problème dans IE 6 ... link frontières IE rupture navigation

La liste de liens navbar a une bordure appliquée sur le côté gauche de chaque élément. Dans fireforx/safari, ceci correspond à l'arrière-plan de la barre de navigation, mais dans IE, la bordure/l'élément se répand sous la barre de navigation (la bordure dépasse le bas).

EDIT: AUSSI, la barre de navigation est la longueur entière de l'en-tête bleu dans IE, quand il devrait être seulement aussi grand que les liens de navigation à l'intérieur! arg!

Des idées? Merci.

Photos:

Comment ça regarde dans IE6:

ie6 sucking http://plwd.co.uk/rangers/images/ie6.jpg

Comment le résultat:

alt text http://plwd.co.uk/rangers/images/firefox.jpg

Source

2008-10-24 PeterL

Il semble vraiment bien dans IE 7 - utilisez-vous IE 6? –

IE 6 pue, en passant - Je suis confronté à des problèmes majeurs avec lui en ce moment parce que nous devons le soutenir ainsi que IE 7. Barf! –

ok Je ramène la conversation ici afin que Nakkisormi puisse effacer sa réponse. IE7 a l'air bien, IE6 est le puanteur. – PeterL

Essayez de se débarrasser de la règle de hauteur sur les balises d'ancrage , et en utilisant les marges/rembourrages haut/bas pour s'assurer qu'ils remplissent l'espace. Je trouve que CSS utilise beaucoup plus facilement les flottants lorsque vous n'essayez pas d'imposer des hauteurs sur les éléments.

Source

2008-10-24 02:30:28

tout à fait raison Chris. J'avais un ensemble de hauteur pour l'élément de lien IE6 ignoré, mais d'autres navigateurs utilisés pour recadrer les frontières. J'ai remplacé la hauteur: 26 avec une marge inférieure: -4 et cela a eu le même effet, mais a travaillé dans tous les navigateurs. merci pour votre aide. – PeterL

En outre, la barre de navigation extra longue a été fixée en faisant flotter la div pour le coin arrondi vers la gauche. Cas fermé – PeterL

heureux que cela a fonctionné. Je n'avais pas IE6 installé pour l'essayer, mais je m'en doutais autant. –

Ce ne sont pas les bordures qui le font - c'est la hauteur de ligne. Vos ancres de navigation héritent "line-height: 2em" de #header. Essayez de définir la hauteur de la ligne sur les ancres (ou leur LI parent ou l'UL) à quelque chose de plus petit - peut-être 1,5em ou plus - et ensuite combler la différence avec un rembourrage supérieur sur les ancres

Source

2008-10-24 03:17:28

Merci Andy, Je l'avais déjà fait fonctionner comme je l'ai décrit ci-dessus, mais ça vaut le coup de regarder ce que vous avez dit aussi. – PeterL

frontières IE rupture navigation

Répondre

Questions connexes