28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai le contexte suivant :

<div class="listeVoitures">
<div class="voiture" id="0">
<div class="imageVoiture">
</div>
<p class="prixVoiture">
</p>
<p class="dataVoiture">
</p>
<p class="panier">
</p>
</div>
....
<div class="voiture" id="x">
</div>
</div>

Niveau css :

div.listeVoitures {
width: 650px;
height: 658px;
overflow-y: scroll;
display: block;
}

div.voiture {
width: 600px;
height: 102px;
position: relative;
border: 1px solid #00658f;
background-color: #f3f3f3;
margin-top: 5px;
margin-left: 5px;
display: block;
}

Les div voiture sont chargées dynamiquement.
Et bien malgré tout mes efforts, sur IE les div voiture se supperposent à la div liste et s'affichent jusqu'en bas de la page, et ceux malgré l'affichage "cohérent" de l'ascenseur du scroll-y alors que sous chrome et firefox, les div voitures sont bien contenues dans la div listeVoitures et le scroll est normal.
Une idée ?
Mais c'est quoi ton but? de faire genre une liste de voiture ? pour la superposition tu devrais regarder vers la "position:relative" , personnellement je cautionne pas, après tous dépend de ce que tu veux faire.

Cordialement,