2009-06-30 7 views
0

Mon site: geek.designbracket.com (Drupal 6.10) ne reçoit pas rendu correctement dans IE7. Le problème principal réside dans les liens primaires dans l'en-tête et le logo. Le site s'affiche comme requis dans FireFox et Chrome.Site ne s'affiche pas correctement dans IE7?

Problème principal: Le div #Page a un énorme marge sur le dessus et le bas dans IE qui déplace le logo.

Fondamentalement, j'ai utilisé un div: #utilities qui encapsule le Menu principal + Recherche + Logo qui sont positionnés par rapport à l'intérieur de ce div. Je l'ai fait pour assurer l'alignement cohérent des éléments dans FF et Chrome, même lorsque le site est consulté à travers différentes résolutions.

En dessous de cette div J'ai #Page div: qui détient la barre latérale et le contenu.

css fr les divs concernés est comme sous:

#utilities { 
margin:0 auto; 
padding:0 10px 15px; 
width:990px; 
} 

#utilities #plinks { /*plinks is for the primary menu*/ 
float:left; 
left:60px; 
position:relative; 
width:900px; 
} 

#utilities form { /* this div determines the position of the search box */ 
position:relative; 
top:10px; 
z-index:1; 
} 


#logo { 
float:left; 
left:70px; 
position:relative; 
} 

S'il vous plaît aider moi aligner les liens primaire, le logo et la zone de recherche de telle façon que l'alignement reste cohérent pour différentes résolutions dans IE aussi, comme il a été fait en FF.

Merci.

+0

Tout semble très bien dans IE8 ... – Malcolm

Répondre

0

Voici quelques correctifs pour IE6. Il devrait corriger certains des problèmes IE7

Le logo est à l'extrême droite.

style.css #logo{clear:left;} 

Votre colonne de gauche a le double-margin bug

layout.css #primary {display:inline;} 

Votre "Ajouter un nouveau commentaire" et "Lire la suite" sont coupés. Le problème est qu'ils sont tous deux des éléments flottants qui n'ont pas de hauteur. Vous avez ensuite mis beaucoup de marge/rembourrage sur différents éléments pour l'aligner correctement ce qui ne fonctionne généralement pas bien cross-browser. Je pense que vous devez lire Clearing Floats et commencer cette partie à partir de zéro.

+0

Merci beaucoup Emily pour une aide rapide et aussi avec des liens si utiles :) clair: à gauche; a réglé le problème. Merci également pour ces liens utiles pour m'aider à combler mes lacunes. – Sbhambry

0

suggestion rapide: essayer de placer une vision claire: déclaration laissé dans votre bloC#logo (ne peut pas tester moi-même en ce moment ...)

+0

Merci beaucoup Benc pour votre aide. Tu as raison . Clair: à gauche est ce qui était requis. Je suis déjà fan de stackoverflow.com avec le soutien incroyable de la communauté. – Sbhambry

0

légèrement OT, mais vous trouverez peut-être utile positioniseverything la prochaine fois que vous IE a atteint un marteau!

Questions connexes