position de div dans un div différent sous IE et sous FF

position de div dans un div différent sous IE et sous FF - HTML/CSS - Programmation

Marsh Posté le 25-02-2005 à 14:15:07    

Bonjour !  
 
Bon excusez-moi, je poste ce sujet pour la 3e fois parce que je ne vois pas apparaître ceux que j'ai déjà mis !!
Alors toutes mes excuses si vous en voyez plusieurs avec le même titre !
 
Donc :
Je place dans un div, 6 autres div qui contiennent chacun une image, avec top et left (pour les 3 de gauche) et top et right (pour les 3 de droite). Sous IE, ça marche, mais pas sous FF.  
En fait, le problème sous FF, c'est que pour que ces images se placent correctement, je dois utiliser position absolute, or en absolute, la référence du top, left et right n'est pas le div parent mais celui du plus haut niveau !  
Et donc mes images sortent de leur cadre.  
position relative et fixed ne me les placent pas où je veux....  
Z.
 
Des idées ??  
 
Merci !

Reply

Marsh Posté le 25-02-2005 à 14:15:07   

Reply

Marsh Posté le 25-02-2005 à 14:19:30    

Y'a une petite icône en haut à gauche de la liste des posts, qui symbolise un drapeau de couleur cyan (http://forum-images.hardware.fr/themes_static/images/defaut/flag1.gif),  qui te permet de n'afficher que les topics que t'as créer ou auxquels t'as posté.
 
Aussi, y'a plusieurs pages, hein, regarde en bas de la liste, tu peux aller aux pages suivantes [:itm]

Reply

Marsh Posté le 25-02-2005 à 14:22:43    

Je viens de cliquer dessus (le drapeau cyan à gauche) et il n'y a qu'un seul topic écrit par moi. Ouf, ça me rassure, je n'ai pas innondé le forum, reste à parfaire la manip d'utilisation !
Z.

Reply

Marsh Posté le 25-02-2005 à 14:23:42    

Met position: relative dans le div parent

Reply

Marsh Posté le 25-02-2005 à 14:30:15    

Ouah, ça le fait !
Je ne comprends pas pourquoi, mais ça le fait !
C'est IE ou FF qui a raison sur ce coup-là ?
Z.

Reply

Marsh Posté le 25-02-2005 à 14:31:50    

FF :)

Reply

Marsh Posté le 25-02-2005 à 14:49:58    

Citation :

C'est IE ou FF qui a raison sur ce coup-là ?


Citation :

FF


 
paske ya des fois ou c'est IE qui a raison et FF qui se comporte mal ???? http://webxav.chez.tiscali.fr/gif/src1/cisko.gif
à ma connaissance, un seul des 2 n'est pas W3C compliant...


Message édité par Xav_ le 25-02-2005 à 14:50:23

---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 25-02-2005 à 14:54:32    

Xav_ a écrit :

Citation :

C'est IE ou FF qui a raison sur ce coup-là ?


Citation :

FF


 
paske ya des fois ou c'est IE qui a raison et FF qui se comporte mal ???? http://webxav.chez.tiscali.fr/gif/src1/cisko.gif
à ma connaissance, un seul des 2 n'est pas W3C compliant...


Et oui... Par exemple le display: inline-block supporté partiellement sous IE (élément a et span), mais pas du tout sous FF :)

Reply

Marsh Posté le 25-02-2005 à 14:57:44    

Oui, bon d'accord....
Je voulais juste comprendre pourquoi un position relative sur un parent permet un positionnement absolute correct des div qui sont dedans pour FF, et pourquoi ce n'est pas nécessaire sous IE.... :-)
Z.

Reply

Marsh Posté le 25-02-2005 à 14:58:30    

Théoriquement, la position absolute se position par rapport au premier parent qui est aussi en position absolute (ou relative ou fixed). Mais sous IE il s'en fout, il prend le premier parent direct...

Reply

Marsh Posté le 25-02-2005 à 14:58:30   

Reply

Marsh Posté le 25-02-2005 à 15:01:42    

Yes, et comme le parent n'avait aucun attribut "position" indiqué, FF est allé voir encore plus haut jusqu'à ce qu'il trouve quelquechose avec un "position"... c'est ça ?

Reply

Marsh Posté le 25-02-2005 à 15:04:30    

Voilà, il remonte, il remonte, et il s'arrête à l'élément <html>. Donc si y'a rien, il se positionne par rapport à <html>, qui correspond à la fenêtre :)

Reply

Marsh Posté le 25-02-2005 à 15:10:38    

OK, et ben ça va mieux en le csachant !
Merci à tous !
 
Z.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed