[Résolu] Alignement des boîtes

Un petit problème d'alignement.
Dans IE toutes mes boîtes sont nickel alignées à gauche et sur Opéra et Firefox la boîte "Sommaire" est décalée vers la droite d'au moins 60 à 70 pixels.
Je ne trouve pas mon erreur.

<div id="globalgauche">
	<div id="blocbleuclair"></div>
		<ul id="Sommaire">
		<li><a href="#">destinations</a></li>
		<li><a href="#">avions</a></li>
		<li><a href="#">croisières</a></li>
		<li><a href="#">offres spéciales</a></li>
		<li><a href="#">contact</a></li>
		</ul>
	<div id="image"><img src="images/150x180_mediterranee.jpg" alt="Promo" /></div>
</div><!-- Fin globalgauche -->

#globalgauche {
width: 170px;
background-color: #C0DFFD;
float: left;

}
#blocbleuclair {
height: 25px;
background-color: #E6F3FF;
}
#Sommaire {
margin: 0px;
font: normal 14px Trebuchet MS;
color: #000066;
}
#Sommaire li {
list-style-type: none;
margin: 2px 0px 0px 0px;/*Espace entre les blocs*/
background-color: #E6F3FF;
}
#Sommaire a {
display: block;/*Pour transformer les cellules en bloc independant*/
background: #E6F3FF url("images/mm_arrow.gif") 14px 50% no-repeat;
padding: 8px 6px 10px 25px; /*Marges internes pour la hauteur des blocks*/
}
#Sommaire a:hover {
color: #FF6600;
background: #FFFFFF url("images/mm_arrow.gif") 14px 50% no-repeat;
padding: 8px 6px 10px 25px;
}

#image {
background-color: #E6F3FF;
margin-top: 2px;
text-align: center;
padding: 100px 0px;
}
/*-----------------Fin sommaire gauche ---------------------*/
[code]
Modifié par renato (19 Jan 2009 - 18:23)

padding:0 sur Sommaire et ça passe apparemment

utilise la css reset.css pour partir une base commune quelques soient les navigateurs, ces derniers affichent les éléments différemment si aucun padding margin et autres attributs n'est fixés au préalable...

http://blog.alsacreations.com/2007/07/02/369-reset-css-une-technique-a-manier-avec-precaution
Modifié par zzs (19 Jan 2009 - 16:10)

OK ça marche mais moi (comme débutant) je pensais que par défaut les marges internes était à zéro.
Une petite explication ???

Hello,

la réponse était dans ce point de la FAQ.

Voir également Rendu par défaut des éléments HTML (à ouvrir dans différents navigateurs).

Pour ce qui est du reset général l'article date un peu... à éviter à mon humble avis (ou alors faire une recherche sur "reset eric meyer").

OK merci pour la réponse.

Marc

Si tu considères que ce sujet est [Résolu] merci de l'indiquer en éditant ton premier post et en modifiant le titre.