Probleme d'affichage de mon site sous IE

[totof78]

Bonsoir,

Lorsque j'affiche mon site sous IE, (--http://http://exprimezvous.info/) les boutons dans la barre de menu s'affichent mal :
Ils sont plus grands que la barre et dépassent.

Je n'ai pas de probleme sous Firefox et Opera

Quand on affiche la liste des "dernières sorties DVD", sous IE et Opéra, ça dépasse un peu sur la droite.

Ce dois encore etre une saloperie liée à l'utilisation des CSS dans IE, mais j'arrive pas a trouver.

Si quelqu'un à une idée, je suis preneur.

Merci d'avance.

 

[Aquarius]

Déjà, il y a des trucs qui ne vont pas...

<div id="exp_subheader">
    <div id="exp_bouton"
        style="margin-left:300px"
        onclick="charge('blogs')"
        onMouseOut="this.style.backgroundColor='#e8eeff';"
        onMouseOver="this.style.backgroundColor='#99a5cf';"
        align="center">
        <span class="p_n" style="font-size:11px;" >BLOGS</span>
    </div>

    <div id="exp_bouton"
        style="margin-left:370px"
        onclick="charge('phpBB2/index.php')"
        onMouseOut="this.style.backgroundColor='#e8eeff';"
        onMouseOver="this.style.backgroundColor='#99a5cf';"
        align="center">
        <span class="p_n" style="font-size:11px;" >FORUMS</span>
    </div>
  </div>

... un id étant unique, il ne peut y avoir 2 id="exp_bouton".

Ensuite tu as tes boutons qui ont une class="p_n" associé avec un style="font-size:11px;"...
...mais quand on regarde ton fichier CSS, la class p_n a un font-size de 13px ????

.p_n {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #4D4D4D;
  text-decoration: none;
  text-align:left;
}

Je pense, pour finir, que ton problème vient (en plus des petites choses déjà citées) des marges par défaut de chaque navigateur. Pour être tranquille, spécifie pour chaque bloc des margin:0 et des padding:0 chaque fois que c'est nécessaire...

 

[oli004]

tu peux également avoir a de petits hacks dans ton css pour resoudre certains problemes de compatibilité.

exemple

#page {
	width : 770px;
	padding : 15px 0 20px 0;
}
* html #page {
	width : 770px;
	padding : 15px 0 0 0;
}

Ainsi le padding sera de 0 sous ie alors qu'il sera de 20px sous FF

regarde par exemple ce lien : http://www.openweb.eu.org/articles/dime ... oites_css/

 

[totof78]

Déjà, il y a des trucs qui ne vont pas...

... un id étant unique, il ne peut y avoir 2 id="exp_bouton".

Et en plus je le savais :roll:
C'est ça de bosser tard le soir.....

Ensuite tu as tes boutons qui ont une class="p_n" associé avec un style="font-size:11px;"...
...mais quand on regarde ton fichier CSS, la class p_n a un font-size de 13px ????

C'est parceque je veut récupérer la fonte, la couleur.... mais avec une taille plus petite.
c'est pour éviter de refaire une nouvelle fonte juste pour la taille.

Je pense, pour finir, que ton problème vient (en plus des petites choses déjà citées) des marges par défaut de chaque navigateur. Pour être tranquille, spécifie pour chaque bloc des margin:0 et des padding:0 chaque fois que c'est nécessaire...

OK, merci, je vais regarder ça

 

[totof78]

tu peux également avoir a de petits hacks dans ton css pour resoudre certains problemes de compatibilité.

exemple

#page {
	width : 770px;
	padding : 15px 0 20px 0;
}
* html #page {
	width : 770px;
	padding : 15px 0 0 0;
}

Ainsi le padding sera de 0 sous ie alors qu'il sera de 20px sous FF

regarde par exemple ce lien : http://www.openweb.eu.org/articles/dime ... oites_css/

Merci, je vais tester