Problème de Div avec IE Fermé

Question

Bonjour, Je vous expose mon problème! Je souhaite mettre un Div devant un autre Div dans un Div contenaire. Mon contenaire contient l'image header et les 2 autres div contiennent des images. L'image 2 doit aussi être devant l'image 1. Exemple code html :

Exemple code css : div.contenaire { width: 500px; height: 250px; background: url('contenaire.gif') no-repeat; } div.1 { position: relative; text-align: center; float:center; padding: 160px 0px 0px 0px; } div.2 { position: absolute; float:left; padding: 160px 0px 0px 0px; } Tout fonctionne à merveille sur Mozilla mais sur IE lorsque je redimensione la page avec le petit icon en haut du navigateur les 2 images des 2 div disparaissent et réaparaîssent si je réactualise la page... Le problème vient sûrement de position relative et absolute... Comment faire? J'attends vos réponses avec impatience :)

PhP · Accepted Answer

En utilisant

div.d1 { 
	position: absolute; 
	z-index : 1;
} 

div.d2 { 
	position: absolute; 
	z-index : 2;
} 


pas de pb particulier sous IE ni FF

meuhlol · Answer

Essaye d'y rajouter des trucs genre "top: 10px; left: 20px;"

Arawn94 · Answer

Ca change rien, les div ou les images disparaîssent à chaque redimensionement sauf le header...

pijaku · Answer

Salut, Expliquez moi à quoi servent deux attributs à une div :

ne marchera pas sans guillemet à la fin... ou fonctionnera mal. Les mystères de IE étant impénétrables, ce n'est peut être pas la seule explication... Bon courage.

Arawn94 · Answer

J'ai réecri trop vite, dans la vrai version il ne manque pas les guillemets, même si je ne mets pas id ca bug toujours! C'est vraiment flagrant! On redimensione et les 2 images disparaissent comme apr magie...

meuhlol · Answer

Je viens de tester chez moi avec tes css et html... tout fonctionne parfaitement.
testé avec Firefox 3.0.1 et IE 6.0

PhP · Answer

Bjr

J'avoue que je ne vois pas trop ce que tu essais de faire ...



Sinon il me semble que l'attribute float ne supporte pas la valeur center.
Ensuite soit tu utilises float soit position absolute : mais les 2 ensembles ça paraît bizarre
Si tu veux être sûr que div2 soit au-dessus de div1 donne lui un z-index supérieur

.d1
{
z-index : 1;
}


.d2
{
z-index : 2;
}

Enfin je serais toi je changerais les noms des classes 1 et 2 pour d1 ou d2 par ex

Arawn94 · Answer

C'est des exemples biensûr que je ne mets pas que 1 ou 2.

Je veux rien faire il y a juste un problème de compatibilité avec IE apparement.

Mes 2 DIV du milieu disparaisse lorsque je redimenssione la page (le navigateur)...

meuhlol · Answer

j'ai essayé les deux, trois et même... ajoutant des "top, left..."    cela marche pour mon vieux IE 6.0 que j'use pas et mon FF3 qui marche à merveille!

mets ton "TESTsite" online, histoire qu'on puisse voir! cela ce trouve, c'est que cela bug chez toi!

Problème de Div avec IE

9 réponses

Discussions similaires