28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je suis en train de mettre en place un nouveau design sur mon site, et j'ai un soucis de height auto sur mes pages.
Exemples : http://etude.mes-parfums.com/fr/detail_precis_createur-Azzaro-Loris-1.html

Les div d'images dépassent le contenu max de ma div contenu :'(
J'ai beau me battre avec du min-height, de l'auto, etc... mais impossible...
J'utilise un script pour le survol des images... et je sens que c'est l'attribut position:absolute qui coince...
Auriez vous une idée, une solution magique Smiley decu Smiley decu Smiley decu

D'avance merci !!!
Bonsoir,

Je suis en train de lire le bouquin de Raphael
CSS2 Pratique bla blabla... 3eme edition ,

et je crois que ton problème y est expliqué.

Me corriger si je me trompe mais, je crois qu'il faut mettre à <hr class="separateur" /> à la fin de ton <div> conteneur avec le style suivant :

.separateur { visibility: hidden; clear: both; }

amicalement Smiley sweatdrop .
bonjour,
.contenu
{
position:relative;
margin-left: 250px;
border-top:7px solid #000;
border-left:7px solid #000;
border-right:1px solid #000;
padding:8px;
[b]height:720px;[/b]
height: auto;
top:-30px;
}


.contenu a une hauteur fixe.

Ceci fonctionne probablement mieux:
.contenu
{
position:relative;
margin-left: 250px;
border-top:7px solid #000;
border-left:7px solid #000;
border-right:1px solid #000;
padding:8px;
[b]overflow:hidden;/* contexte de formatage*/
zoom:1;/*idem,[/b] taxé de "haslayout" dans IE7 et inferieur*/
height: auto;
top:-30px;
}


GC Smiley smile
Parfois il faut savoir reconnaitre que ce que l'on sait, n'est rien face à ce que l'on devrait savoir !
Et bien la solution de GC-nomade marche parfaitement...
Le magicien a été trouvé Smiley smile