28220 sujets

CSS et mise en forme, CSS3

Bonjour, je souhaite mettre une bordure autour d'un ensemble de div contenant des spacers. Sous FF, ça marche très bien, mais sous ie, la bordure est n'importe comment.
Voici mon code :


<style type="text/css">
#p {
	border:1px dotted red;	
}

.a div {
	float:left; 
	width:40px;
	height:20px;
}

hr {
  display:block;
  clear:both;
  visibility:hidden;
  height: 1px;
  margin: 0;
  _margin: -7px 0;
  padding: 0;
  border: 0;
}

</style>


<div id="p">
	<div class="a">
		<div>ici</div>
		<div>ici</div>
		<hr/>
	</div>
	
	<div class="a">
		<div>ici</div>
		<div>ici</div>
		<hr/>
	</div>
</div>
bla


si quelqu'un peut m'expliquer à quoi est dû ce problème d'affichage... et comment le résoudre, ce serait bien urbain de votre part.
C'est ton code pourtant, non?

_margin: -7px 0;

est utilisé pour donner une hauteur nulle à la balise hr sous IE...


Ton problème viens de la trés mauvaise gestion de la balise hr sous IE. Tu peux la remplacer pour ton example par une balise br à laquelle tu applique un clear:both;
Modifié par jb_gfx (19 May 2005 - 16:51)