Discussion :

[warwill]

alors voila j'ai ceci:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div style="margin-left:auto;margin-right:auto;">
<img src="header.jpg" style="width:100%;height:100%;" >
</div>

le but étant d'afficher l'image(800x140) au centre de la page dans un div
qui sera toujours de la taille de mon image quelque soit la résolution.
sur FF ça fonctionne bien.
sur IE7 c'est plustot bizard en fait.
dans cette même page j'ai un lien hypertext sur elle même.
lorsque je tape l'adresse dans la barre du navigateur, à l'affichage
l'image à la largeur de l'écran(but recherché) mais en hauteur elle
dépasse allégrement sa propre hauteur et celle de l'écran(inverse du but
recherché).
la où ça devient chelou, c'est lorsque je clique sur le lien qui redirige sur
cette même page, l'image s'affiche comme je le souhaite!(largeur de l'écranx
140px de haut)
mais ça repart de travers si j'utilise la flèche de rafraichissement!
si qlq un a une idée du pourquoi, je suis preneur!

[GoldenToad]

Tu peux essayer de définir une largeur et une hauteur à ta div, car étant donnée que ton image est défini à 100% dans les cas, elle prend la grandeur de la div. Puis à chaque fois que j'utilise les margin auto, je défini la largeur de mon élément.

Deuxième petit point qui n'a pas vraiment rapport avec ton bug, mais qui n'est pas trop standard XHTML, la balise img n'est pas bien fermer, tu dois la fermer avec un />.

[warwill]

j'ai corrigé la balise,merci.
j'ai bidouillé ça:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="header.jpg" style="width:100%;height:140px;" />

et un css pour le div avec ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#header{
 margin-left:auto;
 margin-right:auto;
}

et j'ai plus ce bug chelou.
je voudrais afficher une petite image par dessus mon header
et je rencontre des difficultés, je n'arrive pas à m'en sortir avec
les positions et les z-index.
la seconde image est dans un second div (à l'intérieur du premier)
mais je peux me passer de celui là si besoin.

[EDIT]
je veux pas que le conteneur s'adapte à l'image mais le contraire.
sinon je corrige le reste et merci.

[Erwan31]

Bonjour,
tu as certaine chose à revoir:
toujours spécifier l'attribut alt même vide, et les dimensions de l'image
via les attrbuts HTML pour des raisons d'accessibilité.
Ton code corrigé

[QUOTE=warwill;2991335]alors voila j'ai ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div style="margin-left:auto; margin-right:auto;">
<img src="header.jpg" alt="" height="140" width="100%" />
</div>

Pour que ton conteneur s'adapte à son contenu (l'image), tu dois le passer en position:absolute en en flottant (left ou right)