Page conçue au format 1 - 2 - 1

Bonjour,

Je m'explique j'aimerais avoir une page avec le format suivant :
- une colonne
- deux colonnes
- une colonne

Mon pb arrive quand je veux revenir à une colonne.
Je n'arrive pas à la faire débuter en dessous.

Vous avez après le code HTML et la CSS associée.

Merci d'avance.

Voici le code HTML :

<div id="deux_colonnes">
	<ul id="adresse_postale" class="colonne">
		<li>4 rue des 10 Arpents Ocre</li>
	   <li>95610 ERAGNY SUR OISE</li>
	   <li>FRANCE</li>
	</ul>
	<ul id="telephones_email_site" class="colonne">
		<li>Tél. fixe : +33 1 30 37 38 51</li>
	   <li>Tél. mobile : +33 6 64 12 38 51</li>
	   <li>Email : <a href="mailto:anne-marie@coffre.org" title="Écrire à Anne-Marie Coffre">anne-marie@coffre.org</a></li>
	   <li>Site pro : <a href="http://anne-marie.coffre.org" title="La page professionnelle d'Anne-Marie Coffre">http://anne-marie.coffre.org</a></li>
	</ul>
</div>
<ul id="telechargement_cv">
	<li>CV au <a href="cv-anne-marie-coffre.doc" title="">format Word</a> (30 Ko)</li>
	<li>CV au <a href="cv-anne-marie-coffre.pdf" title="">format PDF</a> (98 Ko)</li>  
</ul>

La feuille de style :

#adresse_postale {
	list-style-type: none;	
}

#deux_colonnes {
	width: 100%;
	display: block;
	clear: both;
}

.colonne {
	float: left;
	width: 40%;
}

Modifié par pyxosledisciple (04 Feb 2006 - 17:41)