28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je veux afficher des données sur 4 colonnes.
Pour celà, j'ai cette structure :

<div id="colonneGauche">
  <p class="libelle">Lorem Ipsum</p>
  <p class="libellevalue">
	SOCIETE<br />
	120, rue des Fleurs<br />
	75013 Paris<br />
	T&eacute;l.: 01 45 45 45 45<br />
	Fax : 01 45 45 45 45
   </p>
</div>
<div id="colonneDroite">
  <p class="libelle">Lorem Ipsum</p>
  <p class="libellevalue">
	Jean Dupont<br />
	Jean Dupont<br />
	Jean Dupont<br />
	Jean Dupont<br />
	Jean Dupont<br />
	Jean Dupont<br />
	Jean Dupont<br />
	Jean Dupont<br />
   </p>
</div>


Et la CSS :

body {font:normal 12px Verdana;}
.libelle  {
	float:left;
	text-transform:uppercase;
	width:150px;
	font-weight:bold;
}
.libellevalue{
  margin-left:150px;
	text-align:left;
}
#colonneGauche{
  float:left;
  width:330px;
  padding:10px 0px 0px 10px;
}
#colonneDroite {
  width:330px;
  margin-left:350px;
  padding:10px 10px 0px 0px;
}


Sous IE, les premières lignes de la deuxième et quatrième colonne sont décalées d'un espace vide, sans que je puisse me l'expliquer.
Avez-vous une idée ?
Modifié par FredB (12 Apr 2006 - 11:22)
Il semblerait qu'en donnant une hauteur aux deuxième et troisième paragraphes, le problème soit fixé, sans avoir pour autant d'explication sur ce décalage.