Erreur 2 colonne sous IE7

Question

charliejo

8 Dec 2009 à 16:59

Bonjour,
J'ai juste 2 colonnes dans un div... et tout fonctionne bien sous Firefox, Chrome, safari, Ie6 et IE8 mais pas sous IE 7.
Ma page


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
	<head>
	<link rel="stylesheet" type="text/css" media="all" href="test.css" />
	<title>TEST</title>
</head>
<body dir="ltr">
<div id="articles_recents" class="portfolio">
	<h2>Actualit&eacute;s</h2>
		
	<div class="col2">		
		<div class="extrait">
			<h3><a class="titre" href="spip.php?article22" title="lire la suite de l'article">Prix de thèse 2008 catégorie &#171;&nbsp;Recherche appliquée&nbsp;&#187; remis à François VAURETTE</a><em>&nbsp;(8 d&eacute;cembre 2009)</em></h3>
			<div class="introduction">
				<p>Le prix de thèse 2008 catégorie &#171;&nbsp;Recherche appliquée&nbsp;&#187; a été remis à 
<strong>François VAURETTE</strong> (IEMN, CNRS-Université de Lille)
Jeudi 22 Octobre à l’occasion des J3N, à Toulouse</p>
			</div> <!-- Fin introduction -->
		</div> <!-- Fin extrait -->	
					
		<div class="extrait">
			<h3><a class="titre" href="spip.php?article21" title="lire la suite de l'article">Prix de thèse 2008 catégorie &#171;&nbsp;Recherche de base&nbsp;&#187; remis à Alexei OURJOUMTSEV</a><em>&nbsp;(8 d&eacute;cembre 2009)</em></h3>
			<div class="introduction">
				<p>Le prix de thèse 2008 catégorie &#171;&nbsp;Recherche de base&nbsp;&#187; a été remis à 
	 <strong>Alexei OURJOUMTSEV</strong> (LCFIO, IOTA, Palaiseau)
Jeudi 22 Octobre à l’occasion des J3N, à Toulouse</p>
			</div> <!-- Fin introduction -->
		</div> <!-- Fin extrait -->	
	</div><!-- Fin colonne -->
	
	<div class="col2">
		<div class="extrait">
			<h3><a class="titre" href="spip.php?article1" title="lire la suite de l'article">C&#8217;Nano</a><em>&nbsp;(8 d&eacute;cembre 2009)</em></h3>
			<div class="introduction">
				<p>Le potentiel scientifique et technologique des nanosciences et nanotechnologies reconnu en 1976 par Richard Feynman &#171;&nbsp;There is plenty of room at the bottom&nbsp;&#187; s’est traduit par des programmes scientifiques comme la &#171;&nbsp;National Natotechnology Initiative&nbsp;&#187; aux Etats-Unis, et le programme National Nanociences en France.  aux Etats-Unis, et le programme National Nanociences en France.  et le programme National Nanociences en France.  
</p>
			</div> <!-- Fin introduction -->
		</div> <!-- Fin extrait -->	
								
		<div class="extrait">
			<h3><a class="titre" href="spip.php?article20" title="lire la suite de l'article">Prix de thèse 2008 catégorie &#171;&nbsp;Interdisciplinaire&nbsp;&#187; remis à Mélanie AUFFAN</a><em>&nbsp;(8 d&eacute;cembre 2009)</em></h3>
			<div class="introduction">
				<p>Le prix de thèse 2008 catégorie &#171;&nbsp;Interdisciplinaire&nbsp;&#187; a été remis à <strong>Mélanie AUFFAN</strong> (Université Paul Cézanne, CEREGE – Aix en Provence) Jeudi 22 Octobre 2009 à l’occasion des J3N, à Toulouse</p>
			</div> <!-- Fin introduction -->
		</div> <!-- Fin extrait -->	
	</div><!-- Fin colonne -->

	
</div><!-- Fin articles recents -->	
</body>
</html>

Mon css


.portfolio {margin:0;padding:10px 0; margin-bottom: 30px; width:100%;}
.portfolio h2 {text-align:center;font-size: 1.2em; line-height: 1em; font-weight: bold; margin: 0 10px; padding: 2px 0;
	color:#FFF;background:#90090e!important;}
.col2 {float:left;width:50%;padding:0;margin:0;border:none;}
.extrait {line-height:1.2em;margin:20px 10px;padding:0;
	}
.nettoyeur{ clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

Merci d'avance
Modifié par charliejo (08 Dec 2009 - 17:00)

Sujet clos

CSS et mise en forme, CSS3

Erreur 2 colonne sous IE7