Image flottante et fixe

[petit-ourson]

Bonjour,

J'essaie de faire un truc simple et ca ne marche pas ;-(

Voici le bout de code en cause :

<div style="background-image: url(img/fond_bandeau.gif); background-repeat: repeat-x;">
<img src="img/icone.jpg" style="float:right;">
<img src="img/bandeau.jpg">
</div>

Ce que je veux faire c'est mettre un bandeau en haut d'une page avec un fond qui se repete pour que mon bandeau donne l'impression d'être sur toute la largeur page.

A droite de ce bandeau, je veux mettre 1 autre image (la flottante). Comment faire pour pas que mon bandeau se retrouve en dessous de mon image dans le cas ou l'ecran est trop petit ?

ce que je voudrai, c'est forcer le div a rester sur une meme ligne.

Merci (j'essaierai d'illustrer cela)

[AvenueDuWeb]

Bonjour,

Tu pourrais donner une dimension fixe à ton div... Ainsi qu'elle que soit la résolution, le div contenant les img ne sera pas redimensionné et donc le bandeau ne se retrouvera pas en bas ! @+

[petit-ourson]

si je donne une dimension a mon div, je ne peux plus afficher sur toute la largeur de la page.

[AvenueDuWeb]

Oups en effet j'avais mal lu et pas vu que tu voulais que ça fasse 100%, je n'ai pas de solutions ds ce cas-là ! @+

[petit-ourson]

et voila une petite illustration : http://www.bouba-le-petit-ourson.com/test/test.html (dans cette exemple, faut vraiment rétrécir la fenetre de beaucoup)

En fait le problème se pose sous IE. Sous Firefox, Mozilla, et cie le min-width fait le boulot.