[résolu] Images collées à l'horizontale = décalage sous IE

Bonjour à tous,

j'ai une bannière qui fait 943px de large et en dessous j'ai une seconde partie de la bannière qui fait 250px, j'ai donc fait un float: right; pour l'amener du bon côté.

Ca marche niquel sous Firefox mais pas sous IE.

Voici ce que ça donne :

[EDIT Laurie-Anne : Image trop grande]http://img37.imageshack.us/img37/9100/sanstitre1yha.jpg

Sachant que la border me prends du padding dans ma div sous IE, mais même comme ça, ça diminue le décalage mais j'en ai toujours un...

Merci de votre aide !
Modifié par shadeoner (30 Jun 2009 - 19:48)

Salut,

Du code (épuré, simplifié, valide) ? Un exemple en ligne ?

yes, que voici :

html :

<div id="global">
	<img src="img/angelo_banner.jpg" alt="suite bannière depannage auto" width="943" height="235" id="banner" />
	<img src="img/angelo_subbanner.jpg" alt="bannière depannage auto" width="473" height="91" id="banner2" />
</div>

css :

body {
 background-image:url(../img/slash.png);
 margin: 0;
 text-align: center; 
}

#global {
	margin: 0 auto;
	border: 0 solid #B5B2AD;
	width: 943px;
	height: 600px;
	background-color: #fff;
	text-align: left;
}

img {
	display: block;
}

#banner2 {	
	float: right;
}

Modifié par shadeoner (29 Jun 2009 - 21:23)

Hum,

Vu ton code, pourquoi ne pas faire une seule image ?

Sinon il n'y a rien qui puisse justifier ce comportement sur IE. As-tu un exemple en ligne ?

j'ai fais cela car à gauche de l'image du bas je vais mettre le menu du site

Je n'ai pas encore de version online, je mettrais l'exemple si nécessaire
Modifié par shadeoner (29 Jun 2009 - 18:35)

Questions : As-tu un DOCTYPE complet et valide ? As-tu quelque chose avant ton DOCTYPE (déclaration XML, commentaires HTML, caractères blancs) ?

Hello shadeoner,

en tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).



Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.

J'ai mis en forme, désolé pour l'oublie...

La déclaration du doctype a permis de corriger mon problème !

J'ai pas encore le reflexe de le déclarer en début de développement...

Merci pour votre aide

Je tombe sur un autre problème, je vais ré-ouvrir un thread

shadeoner a écrit :
Je tombe sur un autre problème, je vais ré-ouvrir un thread

Si le sujet est [résolu], merci de l'indiquer dans le titre de ton premier message.