Forum d'entraide PHPFrance

Bonsoir,

j'ai un soucis avec un affichage pas tellement particulier mais je ne m'en sors pas. Voici le problème :

j'ai un 3 div imbriqué de la façon suivante :

Code : Tout sélectionner

<div id="contenu">
   <div id="aff"></div>
   <div id="cal"></div>
</div>

voici le contenu de mon fichier CSS :

Code : Tout sélectionner

#contenu {
width:500px;
margin:0 auto 0 auto;
background: url(images/bordure.png) repeat-y;
}

#contenu #cal {
padding: 20px 25px 0px 30px;
float:right;
}

#contenu #aff {
padding: 10px 30px 10px 30px;
float:none;
}

à l'entrée sur la page j'ai une image qui s'affiche sur le côté droit de la page, lorsque je clique sur un endroit de cette image j'ai une fonction ajax qui va récupérer des données et les afficher sur le côté gauche de la page juste à côté de l'image de la façon suivante :

Sur IE7 ça marche très bien j'obtiens ceci :

Sur firefox ou opera par contre à l'arrivé sur la page j'obtiens ceci :

j'ai un décalage en fait...Lorsque le texte qui est affiché est long le décalge disparait mais lorsqu'il est plus petit ça refait cette affichage

comme vous pouvez le constater...c'est pas terrible ! que faudrait-il modifier dans mon css pour éviter ce décalage sous FF ou opéra svp ?

Merci !

Je crois que c'est quelque chose comme "position : block" ou une autre propriété du meme type qui block ton cadre aux dimensions demandées.
Sur ce problème là, c'est IE qui fait l'erreur (encore une fois ??) pas FF ou Opéra ... qui respecte ton code CSS !
La preuve quand tu mets un texte plus long il prend en compte les paramètres que tu lui as données. Mais pour un texte plus petit tu ne lui as pas signifié qu'il devait absolument respecter les même règles ...

(Je ne sais pas si je me fais comprendre, on est lundi matin, c'est dur pour moi ...

)

Essaies dans #contenu

Code : Tout sélectionner

overflow: hidden;

impec ! merci les amis !

Sur ce problème là, c'est IE qui fait l'erreur (encore une fois ??) pas FF ou Opéra ... qui respecte ton code CSS !

[troll on]
Opera ne fait jamais d'erreur, Opera est parfait.
Opera, c'est bon, mangez en.

[troll off]

Forum d'entraide PHPFrance

Affichage et décalage sur navigateur [CSS]

Affichage et décalage sur navigateur [CSS]