[Résolu] Incompatibilité Internet Explorer 6 et 7

Voila en fait je suis plutôt débutant en CSS et j'ai essayé tant bien que mal de faire un design pour mon blog. Le code est apparemment valide CSS, et le site s'affiche correctement sur Firefox, Safari, Opera etc... Mais alors sur Internet Explorer c'est la catastrophe au niveau du bandeau du haut.

L'adresse en question : http://thewablog.free.fr/blog/

La solution que j'avais trouvé pour avoir un fond qui prenne la totalité de l'écran, mais pour que je puisse aussi insérer une image (le logo) au milieu était la suivante :

#top {
	width: auto;
	background: transparent url(img/fondbleu.png) repeat-x center;
	padding: 0px 0px 127px 0px;
	margin: 0 auto;
	}
.intop {
	width: 800px;
	margin: 0 auto;
	}

J'ai donc fait un bandeau de largeur "auto" avec l'image de fond, puis un autre cadre (?) à l'interieur de 800px dans lequel je mets les images.

Donc je sais pas si c'est barbare comme façon de faire, mais en tout cas y'a vraiment que Internet Explorer qui me l'interprète très mal :s

Quelqu'un aurait-il une idée du problème ? Je vous remercie
Modifié par wab (24 Jun 2007 - 21:26)

Ah zut personne n'a d'idée ? :s

bonjour

tu compense le flottant non engmobé par firefoxe avec un padding. IE n'en a pas besoin.

autre technique a mettre en oeuvre pour #top:

#top {
	width: auto;
	background: transparent url(img/fondbleu.png) repeat-x center;
	overflow:hidden;/* englobe le flottant */
	margin: 0 auto;
height:127px;/* puys on dimensionne pour IE et ff */
}

gc
Modifié par Florent V. (24 Jun 2007 - 20:55)

Merci beaucoup tout marche parfaitement maintenant
Encore merci