[Résolu] Float et internet explorer

Bonjour tout le monde,

J'ai un problème de mise en page avec IE sur http://www.fanfaredeperroy.ch/new

Sur la page d'accueil et toutes celles qui comme elle ont la même partie sur la droite, la partie de gauche s'affiche dans la colonne de droite, à la suite du formulaire de newsletter. Sur les autres pages, qui ont la même structure, l'affichage est correct sur tous les navigateurs.

Dans mes nombreux tests, j'ai essayé de rajouter un <hr/> pour forcer le conteneur a prendre toute la longueur du float.. sans succès.

Code HTML

    <div id="master">
    	<div id="header">
			<div id="menu">
			..
			</div>
           
       		<img id="banniere" src="imgheader/base.jpg" alt="accueil"  />   
			   
		</div>
		<div id="corper">
		
			<div id="mainright">
				<?php include ("pages/right.php") ?>
			</div>
			
            <div id="mainleft">
				</p>blablabla</p>
				
			</div>
			<hr ckass="spacer" />
		</div>
    </div>

CSS

html, body{
	font: Helvetica, Arial, sans-serif;
	min-height: 100%
	height: 100%;
	padding: 0;
	margin: 0;
}

#master {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	border: 1px solid red;
}

div#header{
	background: url(../imgheader/logo.png) no-repeat;
	margin-top: .5em;
	position: relative;
}

img#banniere{
	position : relative;
	margin-top: 62px;
	bottom: 0;
	z-index: -1;
}

div#menu{
	position: absolute;
	right: 0;
	width: 80%;
	top: 20px;
}


div#corper{
	padding-top: 1em;
	border: 1px solid blue;
	height: 100%;
	min-height: 100%;
}

div#mainright{
	float: right;
	width: 30%;
	border: 1px solid black;
}

div#mainleft{
	border: 1px solid red;
	width: 65%;
}

hr.spacer{
	clear: both;
	visibility: hidden;
}

En espérant que vous pourrez m'aider... merci
Modifié par p_tite_jo (18 Feb 2010 - 14:50)

Salut,

il faudrait commencer par corriger les erreurs de validation.

Ensuite tu pourras jeter un œil à Comment éviter que mes éléments flottants (float) dépassent de leur conteneur si c'est bien le problème.

je vais m'occuper de suite de ces erreurs... j'avais vu le tuto déjà, c'est ce que j'ai essayé de faire avec la balise <hr/> mais ça n'améliore rien. y aurait-il une erreur à quelque part ?

Après correction des erreurs, tout est rentré dans l'ordre... un post un peu inutile mais merci quand même pour l'aide

A bientôt