[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > padding qui change sous IE > Lecture du sujet

padding qui change sous IE

Vous devez être inscrit pour pouvoir poster des messages

Résolu Le problème de ce sujet a été résolu

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

ricocorto

# Posté le 25/07/2008 à 23:15:49

Groupe : Membres

Salut
voila mon problème
dans un container deux blocs cote a cote :sous firefox ça va
mais comme d'hab sous IE ça change
Code : HTML

<div id="cont">
		<div class="gauche">
		</div>
		<div class="droite">
		</div>
           </div>

et le css:
Code : CSS

#cont
{
	width: 900px; 
	height: 500px;
	margin-left: auto;
	margin-right:auto;
	background: url("ima/.");
	background-color: ;
	background-repeat:;
	border:1px solid black;
	padding-top:50px;
	
}
.gauche
{
	width: 350px; 
	height: 450px;
	margin-left: ;
	margin-right:;
	background: url("ima/.");
	background-color: ;
	background-repeat:;
	float:left;
	border:1px solid black;
	margin-left:25px;
}
.droite
{
	width: 350px; 
	height: 450px;
	margin-left: ;
	margin-right:;
	background: url("ima/.");
	background-color: ;
	background-repeat:;
	float:left;
	border:1px solid black;
	margin-left:50px;
}

merci d'avance

http://barlenoroit.lescigales.org

Kyle Katarn

# Posté le 26/07/2008 à 11:11:35

Star Wars fan

Groupe : Membres

Alors, l'interprétation de IE est différente des autres, pour IE le padding et le border sont compris dans le width et pour Firefox, ils s'ajoutent, donc il faut utiliser important pour enlever la quantité nécessaire.
Code : CSS

div
{
    width:200 !important; // Sous Firefox 200
    border:1px soli black; // + 2*1, 202
    padding:10px; // + 2*10, 222
    width:222px; // Sous IE c'est compris dans la longueur
    margin:5px; // Ouf le margin est le même sous les deux navigateurs
}

Le hack !important n'est pas lu par IE donc IE considère que 222px est la dernière valeur et il l'applique. Les autres voit que 200 est plus important et ils ignorent les autres déclarations de width.

PS: Ceci s'applique aussi à height.

Zone du Net