28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Je réalise un site avec deux menus : un à gauche ("float: left;") et un à droite ("float: right;").
Dans le contenu (au milieu) j'ai un album photo.
Chaque photo est en fait un <div> (contenant une image + une description) que je met aussi en "float: left;"
Tout fonctionne bien, sauf sous IE.
Sous IE, les photos ne sont pas limitées dans l'espace du div parent : s'il y a de la place à droite, sous le menu, les photos sont affichées à droite, en dessous du menu alors qu'il ne devrait rien avoir cet endroit.

Quelqu'un aurait-il une idée pour que cela marche ?

Si vous désirez connaître la base, le siet que je développe est http://www.sjf.fr/ ; l'album photo n'est pas encore en ligne.

Merci d'avance.
Salut,

Quel est l'url de la page en question ? Pourrais-tu mettre le css dans ce thread, stp ?
Et as tu vérifié les marges de ton élément central (logiquement au moins la largeur de tes menus) ?
sebien a écrit :
Parce qu'une capture en dira plus long sur le bug :
http://www.sjf.fr/bug_ie.png


Pour ceux qui auraient des problèmes pour voir cette image, il s'agit d'un fichier Windows Bitmap (.bmp) renomé en .png... tss tss.
Enregistrez le fichier puis renommez le en bug_ie.bmp.
Modifié par jb_gfx (27 May 2005 - 00:20)
Marvin Le Rouge a écrit :
Quel est l'url de la page en question ? Pourrais-tu mettre le css dans ce thread, stp ?


Alors donc je viens d'uploader une version "minimaliste" très épuré (pour vous éviter de vous taper tout le CSS du site avec) :
http://www.sjf.fr/test_photos.html

Marvin Le Rouge a écrit :
Et as tu vérifié les marges de ton élément central (logiquement au moins la largeur de tes menus) ?


Oui, dans la page d'exemple ci-dessus j'ai bien mis les marges (d'ailleurs ça fonctionne dans tous les autres navigateurs) et j'ai rajouté des bordures pour bien les visualiser.
Un truc bizarre c'est que sous IE, le div contenant les vignettes est positionné plus en bas qu'il le devrait, et disparaît parfois…

Une idée ?