2010-11-18 19 views
0

http://www.stringfieldassociates.com/bloque Safari clic de souris pour les liens alignés avec l'image sans rapport avec

Dans Safari, tous les liens nav qui sont alignés horizontalement avec la grande image centrale sont bloquées et ne peut être cliqué. C'est comme si l'image occupait la largeur de la page, mais ce n'est pas le cas - elle a une largeur et une hauteur définies, et la seule CSS qui lui est appliquée est margin-top et une marge négative-droite pour la positionner. J'avais déjà utilisé le positionnement, mais ce bug est apparu dans Firefox et IE. L'utilisation de marges pour le positionnement a bien fonctionné partout sauf sur Safari, apparemment.

L'image est à l'intérieur du div qui constitue la barre bleue sur le dessus. Cette barre est une div et il a juste le menu comme une liste et ensuite l'image.

Des idées? Je ne vois presque jamais les bogues de Safari qui ne sont pas aussi dans Firefox, donc je suis perplexe.

Jeremy

+0

supprimer la hauteur de #cap et vous verrez ce qui se passe, ce n'est pas un problème de marge. Non seulement safary btw, il ne fonctionne pas sur les navigateurs webkit. –

Répondre

0

Je voudrais aller avec:

#header_img{ 
    left: 50%; 
    margin-left:-230px; 
    position: absolute; 
} 
+0

Cela a fait l'affaire, merci! Je m'étais approché de cela avant, mais j'avais seulement la règle du pourcentage de gauche qui ne fixait pas la position. Je suppose que la marge gauche fait cela dans ce cas. –

0

Essayez d'utiliser une position absolue sur cette image d'en-tête au lieu d'un droit de marge négative.

+0

Merci Brandon, vous et négatif avez eu la même idée sur celui-ci et c'était correct. :) –