La div ne reste pas en dessous

[Nenex]

Slt

J'ai fait 2 block en DIV avec dedans, pour les 2, des balises <img> et <p> :

Code html :

<div id="pizza">

<div id="accueil-01">

	<img id="image-accueil-01" src="images/image-accueil-01.png" alt="" />

	<p class="autres-titre">Pizzas</p>

	<p>Pizzas à la sauce tomate ou à la crème fraiche. Vous avez la possibilité de composer vous même votre pizza.</p>

	<img id="image-accueil-02" src="images/image-accueil-02.png" alt="" />

	<p class="autres-titre">Pâtes fraiches</p>

	<p>Bolognaise, carbonara, etc. <em>Uniquement le midi</em>.</p>

</div>

<div id="accueil-02">

	<img id="image-accueil-03" src="images/image-accueil-03.png" alt="" />

	<p class="autres-titre">Salade</p>

<p>Sur une base de salade, tomates, oignons, olives noires.</p>

<p class="autres-titre">Snack</p>

<p>Sandwichs, tex-mex, frites maison. <em>Uniquement le midi</em>.</p>

<p class="autres-titre">Pour vos apéritifs</p>

<ul>
	<li>Plaque à pizzas composée de 90 morceaux, environs, de 3 variétés de pizzas : Campagnarde, 4 fromages et Royale.</li>
	<li>Omellette à l'espagnole (Tortilla).</li>
	<li>Assortiment de tapas composé de plusieurs variétés (40 piéces).</li>
</ul>

</div>

</div><!-- Fin DIV Generale -->

Code CSS :

#accueil-01, #accueil-02 {
	position:relative;
}

#image-accueil-01 {
	float:left;
	margin-right:10px;
}

#image-accueil-02 {
	float:left;
	margin: 0 10px 0 0 ;
}

Pour le block accueil-01 la mise en page est impec. Mais pour le block accueil-02 je voudrais qu'il soit en dessous du 02 mais il se met a la suite. Comme si le 01 avait un float:left.

Pourtant les div ne sont pas en ligne et le accueil-02 devraiot se mettre automatiquement en dessous.

Merci d'avance pour vos lumiere.

Je bosse sous joomla en local et je fait mon code avec NotePad++

[Ernestine]

Bonjour,

Il n'y a aucun problème avec ce code, les deux divs doivent se positionner l'une au-dessous de l'autre. Si ce n'est pas le cas, c'est forcément qu'il y a d'autres styles qui interfèrent.

Il faudrait que tu nous donnes l'url pour constater.

[Nenex]

Merci pour ta reponse. Mais je suis en local, donc je peux pas donner d'URL. Je peux mettre, eventuellement, le code complet de la page. Car se que j'ai donne c'est le code que de l'article.