Bug d'affichage sur IE

Salut à tous,

Décidement IE nous donne bien du fil a retordre, jamais ca ne fonctionne comme sur Safari, firefox ou Chrome !

Voici un exemple de page qui nous pose problème :

http://www.editionsfirst.fr/parispascher/paris13.html

Savez vous quoi faire pour que ca marche sur IE ?
Modifié par commodo (29 Sep 2010 - 13:20)

body {
	font-family: Tahoma, Geneva, sans-serif;
	background-image: url(fond.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.full {
	width: 560px;
	height: 351px;
}

.tit01 {
	font-size: 23px;
	color: #c04100;
	font-weight: bold;
	margin-top: 88px;
	margin-left: 96px;
	width: 330px;
}
.tit02 {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	margin-top: 16px;
	margin-left: 96px;
	width: 280px;
}
.courant {
	font-size: 13px;
	color: #000000;
	margin-top: 8px;
	margin-left: 96px;
	width: 280px;
	height: 100px;
}
.adresse {
	float: right;
}
.arr {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	width: 120px;
	text-align: right;
	margin-top: 10px;
	margin-right: 14px;
	float: right;
}
.rue {
	font-size: 11px;
	color: #C14100;
	width: 170px;
	font-weight: bold;
	padding-top: 5px;
	text-align: right;
	float: right;
	margin-right: 10px;
	line-height: 16px;
}
.lien {
	width: 212px;
	height: 74px;
	margin-left: 340px;
	z-index: 2;
	position: fixed;
	margin-top: 160px;
	clear: both;
}

Bonjour

Pourrais-tu préciser quelle version d'IE s'il te plait ? (j'ai testé sous IE7 mais j'ai pas la 8)

Il faut savoir que IE n'interprète pas le box model de la même façon que ses petits camarades, ton problème pourrait venir de là. Il y a même un article sur wikipedia traitant du "bug" ^^ (le schémas est assez explicité c'est pas mal fichu).

En fait la solution : tu vas devoir utiliser des commentaires conditionnels pour charger des feuilles de style pour IE7, voir IE6 (et IE8 si tu as le bug mais je ne pense pas).
Sinon une autre technique que j'aime bien, par Paul Irish

Dans tous les cas, tu vas devoir fixer je pense d'autres valeurs pour notre ami IE

Good luck

oui le bug est sur IE8 ...

Bonjour,

Tu as peut-être un problème de fusion de marges.

Ajoute overflow:hidden; sur .full

Ca risque de modifier le rendu sur firefox, mais une fois que tu auras corrigé les valeurs des marges, tu ne devrais plus avoir de problème sous IE8.

trop bien ta methode ellm
Résolu !

Bonjour,

Si le problème est [résolu], merci de l'indiquer dans le titre du post.