Je suis en train de recoder mon (vieux) site en design fluide. Pour ma bannière, j'ai une image de 1024px de large, insérée dans une balise <h1>. En background du conteneur père (div), une autre image (2px ;-)) qui reprend la fin du dégradé de la bannière. Le résultat voulu est que quand la résolution de l'écran est plus grande que mon image, alors le background apparaît et "continue" l'image sans que cela ne se voit (j'suis claire, là ??? ). Pour que ma bannière ne dépasse pas quand la résolution est plus petite, j'ai utilisé overflow: hidden.
Sauf que ça marche pas dans IE6/Win : l'image est visible entièrement et donc je me retrouve avec une barre de navigation horizontale.
Je sais bien que je pourrais rapetisser ma bannière à moins de 800px, mais j'aimerais quand même savoir comment contourner ce problème, si c'est possible... parce que ça m'énerve
Le code :
<divid="header"> <h1><imgsrc="images/banniere.jpg"alt="Bannière du site"></img></h1> </div>
PS : faites pas attention au menu, je bidouille ;-)
Merci !!!
[EDIT 1 heure plus tard] J'ai trouvé la solution toute seule comme une grande ! Sachant que overflow:hidden ne marche sous IE que si le conteneur a une taille définie, il suffisait d'écrire :
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
