28220 sujets

CSS et mise en forme, CSS3

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;
}
Plop,


<dd>aaaaaaaaaaaa</dd


Erreur de c/c ? Si c'est pas le cas, ca vaut le coup d'essayer avec le > manquant : )
a écrit :

Erreur de c/c ? Si c'est pas le cas, ca vaut le coup d'essayer avec le > manquant : )

il s'agit bien d'une erreur de copier/coller
merci