bonjour,
j'ai un problème avec l'alignement des éléments d'une liste. l'affichage est différent sous IE6 et Firefox.
sous Firefox, l'alignement se fait par rapport au <dt> alors que sous IE6, il se décale vers la droite et se fait par rapport au <dd>.
si vous aviez un solution, je suis preneur
merci
@+
le HTML
<div id="centre"> <dl class="news"> <dt>test 1</dt <dd>aaaaaaaaaaaa</dd <ul class="liste"> <li>liste1</li> <li>liste2</li> <li>liste3</li> </ul> <dt>test 2</dt> <dd>bbbbbbbbbbbb</dd> <dt>test 3</dt> <dd>cccccccccccc</dd> </dl> </div>
CSS
#centre{ width:100%; position: relative; background-color: #343434; height: auto; margin: 0; padding:0 0 0 0em; font-family: georgia, times, serif; font-size: 12px; color: white; text-align: left; } dl.news{ margin: 0; padding: 0; } .news dt{ position: relative; margin: 0; padding: 0; font-weight: bold; } .news dd{ /*border-left: 1px solid gray;*/ margin: 0 0 0 0em; /*haut - - gauche */ padding: 0em 0em 0em 4em; } ul.liste{ position: relative; margin: 0 0 0 0em; padding: 0 0 0 0em; list-style: none; } .liste li{ margin: 0 0 0 0em; padding: 0 0 0 0em; }