28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'ai un problème (gros bug) d'affichage sur cette page :

http://www.ours-evelynedeluca.com/adopter_mini.php

qui fonctionne sous I.E., firefox, mais pas opéra.

Une liste dynamique de photos est affichée avec "float: left" dans un cadre central, qui lui même contient une image de fond répétée verticalement.

Pour que le cadre adopte la hauteur voulue, j'utilise ensuite <hr /> avec une classe "separation", telle que préconisée par Raphael Göetter lui même (merci à lui, j'ai tout appris sur alsacreations et avec son livre).

Bref, cette classe utilise donc "clear: both".

Le CSS complet est visible ici :

http://www.ours-evelynedeluca.com/modele.css

et un deuxième :

http://www.ours-evelynedeluca.com/mini.css

Le bug est que l'image de fond du cadre s'affiche de façon très bizarre sous opéra...

Quelqu'un connait-il la cause?? (et accessoirement le remède)

Merci à vous.

Pour info, je suis le webmaster de ce site :

http://www.creation-site.org

Au passage, si quelqu'un veut m'envoyer des critiques, appréciations ou autres à propos de mon travail, vous serez les bienvenus, ceci dans le but de continuer à progresser.

Merci pour vos réponses.
Modifié par migli (02 Apr 2006 - 14:53)
Salut migli,
j'ai fait quelques essais et j'ai une piste (oui désolé je n'ai pas la solution définitive).
Tu remarqueras que si tu mets un border à ton div cadre, le problème disparaît, je pense donc que c'est une histoire avec le fait que ton cadre ait ou non le layout, après je ne suis pas spécialiste dans là-dedans.
Si ça peut faire avancer le chmilblik...

A plus
Bonjour migli,

Je me suis aussi penchée sur ton souci et j'ai trouvé que si tu enlèves de ta div cadre :

background-position:0 27px;


le problème disparaît Smiley smile
Merci beaucoup pour ton aide, Blue, c'est parfait.

Je ne sais pas d'où venait cette position de background, j'ai du oublier de la supprimer. L'image de fond faisant exactement la largeur du cadre, ça posait effectivement un problème.

Merci encore.
Modifié par migli (02 Apr 2006 - 15:09)
Administrateur
migli a écrit :
[résolu]
Merci encore.

Le [Résolu], c'est à toi de le mettre dans le titre, si tu le veux bien.
Je t'invite à relire les Règles du forum, notamment la règle 5 Smiley smile

Merci d'avance Smiley cligne
migli a écrit :
[résolu]

Merci beaucoup pour ton aide, Blue, c'est parfait.

Je ne sais pas d'où venait cette position de background, j'ai du oublier de la supprimer. L'image de fond faisant exactement la largeur du cadre, ça posait effectivement un problème.

Merci encore.


energizer t'a aidée aussi Smiley cligne