[CSS] div contener qui s'adapte au contenu

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] div contener qui s'adapte au contenu

attentio

Bonjour,
voila j'ai une succesion les un a coté des autres de divs carrés (class="cadre" ) ...jusque la tout marche !
sauf que je voudrais les imbriquer dans un div "contener" mais ça semble fonctionner sous IE mais pas sous firefox, sans doute a cause des floats qui sont sur les carrés
je ne sais pas trop comment m'y prendre pour remédier à cela

Code :

<html ><head>
<style>
.cadre{
float:left;
height:136px;
width:136px;
border:1px #999999 solid;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
text-align:center;
cursor:pointer;
}
#contener{
clear: left;
background-color:yellow;
border:1px red solid;
width:100%
}
</style>
</head>
<body>
<div id="contener"> 
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
<div class="cadre"> </div>
...
</div>
</body></html>

merci de votre aide

Message édité par attentio le 21-07-2008 à 14:15:20

Publicité

gatsu35

Blablaté par Harko

Code :

#contener{
background-color:yellow;
border:1px red solid;
zoom:1;
overflow:hidden;
_overflow:visible;
}

attentio

super... merci pour ton aide ... ca semble marcher
petite question ... a quoi sert le zoom ?

gatsu35

Blablaté par Harko

avec l'overflow:hidden j'applique un contexte de formatage en CSS, ca permet au conteneur de garder une véritable hauteur, même si tous ses éléments enfants sont flottés.
Ensuite l'overflow:hidden, ne fonctionne pas sous IE6, mais le contexte de formatage s'applique à partir du moment ou on force le "hasLayout" (concept IE), ce hasLayout s'applique dès qu'on met un width (autre que auto), un float, un display:inline-block, ou une propriété qui ne fait rien, zoom avec la valeur 1

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] div contener qui s'adapte au contenu

Sujets relatifs
[CSS] Largeur de div modulable	recuperer le contenu du variable $_POST
Au focus, supprimer le contenu	Parametre JS pour afficher contenu frame
question simple, difference entre deux classes CSS	[CSS] Problème de footer sous un div avec du contenu fixe/variable
Petit conseil CSS SVP	Probleme Mise en page HTML et CSS
Contenu d'une chaîne de caractères
Plus de sujets relatifs à : [CSS] div contener qui s'adapte au contenu

Page générée en 0.053 secondes