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
CSS
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;
}