Prb de calage d'img entre FF et IE et Opéra

Bonjour,

J'ai un prb de calage d'un d'image dans un div, j'obtiens un décalage entre les différents nav, je ne comprends pas la cause à ça !!
Je sais que IE interprette différement les marges que comprte un div, le margin et padding.
Quelle est la solution pour palier à cela ?

Merci de votre aide

Salut

Ta question est un peu vague. As-tu un exemple un ligne, un bout de code ou au moins une image pour expliquer ce qui ne va pas ?

je t'ai envoyé un MP
@+

Salut

J'ai bien reçu le message et j'ai jetté un coup d'oeil ...

Pourquoi ne places-tu pas les images-liens à l'intérieur des cadres associés aux sites, plutôt qu'en bas de page ? C'est une place un peu bizarre, regarde ce qu'on obtient si les styles sont désactivés ou si on linéarise la page. Par exemple,

<div id="cadreSite1">
    <p class="titreSite">Le titre du premier site</p>
    <p>Le texte de description ...</p>
    <a href="#" title="lien vers le site" class="miniature"><img src="..." alt="..." /></a>
</div>

Tu pourrais alors les positionner en absolu, mais par rapport au div #cadreSite1 avec

#cadreSite1 {
    position: relative;
}
a.miniature {
    position: absolute;
    right: XXpx;
    top: YYpx;
}

avec les quantités XX et YY ajustées comme tu le souhaites. En général, IE ne s'en sort pas trop mal avec le positionnement absolu. Surtout si on se contente de positionner des éléments de taille connue.

Si maintenant tu souhaites centrer la miniature par rapport au texte qui se trouve à côté, c'est un peu plus délicat. Je te renvoie à la FAQ à ce sujet. En désespoir de cause, et si tu veux absolument un centrage, il faudra se rabattre sur un petit tableau à 2 cellules (oui, je sais, c'est pas bien, mais 2 cellules, c'est pas trop grave non plus )

A part ça, il y a plusieurs endroits où tu pourrais utiliser des classes plutôt que des identifiants ... j'en ai glissé discrètement quelques exemples dans le code que j'ai donné plus haut.

Je ne sais pas quoi dire d'autre. Comment est-ce que tu veux placer tes images exactement ?

Ah oui, tant que j'y suis, le changement de taille de police dans le menu au survol, ça fait tout bouger, ah j'aime pas ça
Modifié par Sopo (29 Aug 2006 - 19:59)

Merci sopo pour ta réponse,

Je vais regarder ton exemple ce soir...

en ce qui concerne le placement des image titre ou miniSite, je souhaite obtenir le rendu sous FireFox

Tu penses que l'organisation de la structure de ma page n'est pas bonne ainsi que ma feuille de style qui pourrais être plus organisé.

Pour info j'ai appris et continu à apprendre tout seul le XHTML et CSS.

a écrit :
Tu penses que l'organisation de la structure de ma page n'est pas bonne ainsi que ma feuille de style qui pourrais être plus organisé.

Je pense surtout que tu as intérêt à regrouper toutes les informations relatives à un site, ça me semble plus logique que de déporter toutes les images en fin de page.

Et ça devrait simplifier ton travail de positionnement.

Gobelin a écrit :
je t'ai envoyé un MP
@+

Bonsoir Gobelin,
Si tu ne souhaites pas donner publiquement un lien ou du code, ce sujet sera fermé car je vois mal comment pourrait-on suivre la discussion ?

Merci de ta compréhension