2010-05-26 8 views
0

Il y a 20px marge/padding au-dessous du catmenuconatiner (deuxième barre de navigation). Ce ne se montre dans Firefox et Chrome pas dans IE 6+rembourrage supplémentaire/Marge dans Firefox + CHrome Aucun dans IE

Voici la page: www.fish-and-web.blogspot.com

Un autre problème lié à la même question est entre les commentaires. Les boîtes de commentaires ont une marge de 15px entre eux. Encore une fois, cela ne montre dans Firefox et Chrome pas IE6 +

Voici la page de commentaire: http://fish-and-web.blogspot.com/2010/05/alfa-romeo-9c_24.html

Ce serait génial si quelqu'un arrive et me guider dans la bonne direction. Cela fait des heures que je travaille là-dessus et je n'arrive tout simplement pas à le faire fonctionner. Juste pour que vous sachiez que la page est hébergée sur blogger.

Merci.

Répondre

0

La réponse à votre deuxième problème est qu'il semble que vous n'avez pas effacé chaque commentaire. juste avant la partie de clôture du commentaire div mis en

<div style="clear:both"></div> 

Le premier problème que je ne suis pas sûr parce que je ne vois pas quel est le problème =/Il semble afficher bien pour moi?

+0

En fait, c'est l'étiquette fermée
qui l'a provoquée. merci pour cela au moins, il m'a laissé dans le bon chemin. Le problème du menu de navigation est toujours ouvert. – Adi

0

Afin de supprimer tout problème de marge/de remplissage inter-navigateur, faites ceci au début de chaque fichier css.

body, h1, ul, li 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
} 

De cette façon, vous les réinitialiser toujours à 0 et une marge plus/rembourrage doit agir de la même manière dans tous les navigateurs

+0

Il est déjà ajouté, donc je ne suis toujours pas sûr de ce qui cause firefox et chrome pour causer un rembourrage supplémentaire. Je suppose que je dois creuser plus profond. Merci beaucoup. – Adi

4

Vous pouvez envisager une feuille de style conditionnel IE6, cela peut être fait en créant une nouvelle feuille de CSS (ie6.css) et coller la création d'un conditionnel comme suit:

<head> 
    <!--[if IE 6]> 
    <link rel="stylesheet" type="text/css" href="css/ie6.css" /> 
    <![endif]--> 
</head> 

au sein de votre IE6.css ajouter le style suivant pour le conteneur catmenu:

ul.topnav { 
    padding-left: 0px; 
} 

Vous pouvez également ajouter la solution de la réponse précédente (Maj. Fail) à l'IE6.css.

Cela devrait le faire. J'espère que cela pourra aider.

+0

Merci pour la réponse. Malheureusement, le blogueur ne permet pas cela. – Adi

+0

Lorsque vous dites qu'il ne permet pas cela, voulez-vous dire qu'il ne permet pas de feuilles de style externes? ou autre chose? – Ryano