Un div avec une image qui n'est pas à sa place

Bonjour,

Voici mon soucis.

code html

<div id="conteneur">
         <div id="article"
         </div>
        
        <div id="image">

        </div>


        </div>

j'aimerai que mon block image affiche une photo et que ce block image se positionne à droite de mon block article qui lui contient du texte. Que ce texte ne sorte pas du block article. En image je veux l'image 1 alors que je n'arrive à avoir que l'image 2 ou 3..

http://img183.imageshack.us/img183/8561/cssprobleme1ap4.png

Mais qu'est ce qui se passe donc ?

Merci de m'aider
Modifié par leau2001 (19 Sep 2008 - 11:45)

Salut,

du code html sans le code css correspondant ça ne sert pas à grand chose.

Cela dit je suppose que ton exemple 2 correspond à un float:right sur #image auquel cas il doit être placé en premier (avant #article donc) dans le flux.

Tu pourrais (re)lire les 3 articles sur le positionnement (Openweb) ainsi que les tutos Comment positionner les éléments en CSS et Maîtriser le positionnement CSS dans toutes les situations.

A+

Mon css qui semble fonctionner

div#conteneur	{
		width:700px;
		
		
		
		}
div#article	{
		float :left;
		text-align:left;
		
		width: 500px;
		
		
		
		
		
		}
	
div#image	{
		vertical-align: top;
		float: right;
		width: 200px;
  		text-align: center;
  		margin: 0;
		
		
		}

qu'en pensez vous ?