Bonjour,
 
c'est concernant un titre "h3" et son texte qui est une liste sur deux colonnes (liste de gauche et liste de droite).
Sur IE, ça s'affiche comme je le souhaites cad :  
 
TITRE H3
liste gauche                   liste droite
liste gauche                   liste droite
...                                ...
 
TITRE H3
liste gauche                   liste droite
liste gauche                   liste droite
...                                ...
 
considérant que ma liste gauche a une position:inherit et la liste droite une position:absolute avec left:..px + top:..px.
 
 
ce que je ne comprends pas c'est que je suis obligée pour mozilla d'insérer des <br/> après mon 1er H3 pour, comment dire, laisser suffisamment de blancs pour y insérer mes listes gauche et droite. En clair, sans les <br/> il ne prend pas en compte la propriété "inherit" de liste gauche et ça s'affiche comme ça (ci-joint mon code et mon css correspondant).
 
TITRE H3
TITRE H3
liste gauche                   liste droite
liste gauche                   liste droite
...                                ...
 
 
code XHTML :
<h3><a name="artisans" id="artisans"></a>&gt;&gt; les artisans </h3>
<ul class="liste-artisan-gauche">
<li><strong>AZIMUT TRAVAUX</strong><br />
Rénovation de bâtiments<br />
91, rue du Puy<br />
38660 La Terrasse<br />
Tél./Fax : 04.76.92.47.55</li>
<li><strong>CREATION GRESIVAUDAN</strong><br />
Paysagiste<br />
1, route des vergers<br />
38660 La Terrasse<br />
Tél./Fax : 04.76.92.40.12</li>
<li><strong>FABBIAN SARL</strong><br />
Travaux de maçonnerie générale<br />
70, rue du Sabot<br />
38660 La Terrasse<br />
Tél./Fax : 04.76.08.29.61</li>
</ul>
<ul class="liste-artisan-droite">
<li><strong>LAPEYRE THIERRY</strong><br />
Menuiserie<br />
Lotissement les jardins du Glézy<br />
7, route des petites roches<br />
38660 La Terrasse<br />
Tél. : 04.76.92.18.67</li>
<li><strong>MERCIER NORBERT</strong><br />
Carreleur<br />
13, rue de Belledonne<br />
lotissement le Mas 2<br />
38660 La Terrasse<br />
Tél. : 04.76.08.27.92 - Fax : 04.76.92.28.07</li>
<li><strong>VIABIL'ETUDES - SARL</strong><br />
bureau d'études VRD<br />
129, place de la mairie<br />
38660 La Terrasse<br />
Tél. : 04.76.92.47.15 - Fax : 04.76.92.45.96</li>
</ul>
<h3><a name="commerçants" id="commerçants"></a>&gt;&gt; les commerces et services</h3>
 
 
...sur son coulis de css :
.liste-artisan-gauche{
 width:300px;
 margin-left:60px;
 top:200px;
 position:inherit;
}
 
.liste-artisan-gauche li {
 font-family: "Arial", "Helvetica", sans-serif;
 font-size: 9pt;
 color: #000;
 text-align: left;
 list-style-type: circle;
 list-style-position: outside;
 margin-bottom: 15px;
}
 
.liste-artisan-droite {
 width:300px;
 left:400px;
 top:200px;
 position:absolute;
}
 
.liste-artisan-droite li {
 font-family: "Arial", "Helvetica", sans-serif;
 list-style-type: circle;
 list-style-position: outside;
 margin-bottom: 15px;
 position: static;
 font-size: 9pt;
 color: #000;
 text-align: left;
}
 
h3 {
 font-family: "Arial", "Helvetica", sans-serif;
 font-size: 10pt;
 color: #000;
 text-align: left;
 background-color: #F7E6E1;
 position: static;
}
 
merci de me faire partager votre expérience à ce sujet car mettre des <br/> pour faire de la mise en page reviendrait pour moi à faire des tableaux et ça me gêne. Merci d'avance.

faut mettre tes DEUX UL dans un bloc DIV comme ca tu n'auras pas de soucis
 
car justement le but du float:left, c'est de mettre l'élément à gauche des autres, du coup le bordel est à gauche

 
 
mais tout est dans un div comme suit
 
<div id="...">
h3
<ul>
<li></li>
<li></li>
<li></li>
</ul>
h3
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>

avant que je crorrige ton truc
tu me vires le caca du <a name="machin" id="machin"></a>
tu met directement un id sur h3 ca fera pareil pour l'ancre

tu pourrai montrer une image de ce que tu souhaite exactement obtenir car moi j'ai po tout bien saisi ce que tu veux faire, surtout que tu t'es embarqué avec des positions absolute alors que tu n'as pas forcément besoin

et merci

 
voila le résultat sous IE et c'est ce que je veux (mon titre bleu + mon contenu en liste + puis mon 2nd titre)

 
et voila le résultat sous FF (les titres en bleu s'enchainent les uns après les autres sans prendre en compte le contenu entre les deux) :

 
s'il n'y a pas de cohérence possible entre IE et FF, je mettrai tout sur une seule colonne et basta mais sur le principe, je pense que j'ai dû faire une erreur dans mes CSS. Merci...
 

okay donc laisse moi un ptit instant et jte ponds ca en super simple tu vas voir

 
je viens déjà de corriger le "caca" des ancres : effectivement c'est la même chose mais qu'est-ce que ça change, c'est + conforme par rapport aux spécifications W3C ?  
en tout cas merci pour tout...

C'est :  
1-Plus simple
2-Conforme aux normes W3C
3-name="" ne s'applique qu'aux éléments de formulaires pour etre utilisé coté serveur, et tu peux aussi leur coller un Id
4-Id is your friend

merci beaucoup, je vois que mon chemin initiatique CSS n'est pas encore achevé...j'avis potasser tout cela et mettre tout ça en prod.
 
En tout cas merci beaucoup...
 
A+

C'est bete qu'il n'existe pas une balise pour les <address> ...

+1

S'il existait une balise pour les adresses postale, alors il faudrait des balises spécifique à pleins d'autres regroupements (pourquoi une balise spécifique pour les adresses postales et pas une balise spécifique pour regrouper les caractéristique d'un objet ?) et l'html deviendrait alors difficile à apprendre et surtout peu de navigateurs ne s'amuseraient à gérer plusieurs centaines de balises dont le comportement et l'affichage serait identique et dont seule la signification de l'information contenu varirait.
 
Il ne faut pas oublier qu'il y a déjà eu une version de l'html qui a été un échec à cause du trop grand nombre de balise. (les navigateurs en géraient si peu que dés les mises à jours suivante de la norme, ils en ont viré plein)

merci pour le code mais en fait ça affiche tout sur une seule colonne :  
 

 
et quand je rajoute dans mon css :  
.liste-artisan-droite {    
 float:right;    
 width:300px;
}
 
ça m'affiche ça :

 
la liste de droite est bien à droite mais dessous celle de gauche et non pas à coté, bouuuuh ! mais pourquoi sont-ils si méchants ces navigateurs ?

  MERCI !!!
 
ça y est ça marche, j'avais une erreur de syntaxe dans mon css !
Merci beaucoup, j'avais pas mal de pages de pages à faire sur ce modèle et ça m'allège énormément ma feuille de style.