Aller au contenu

problème d'affichage liste


icarex

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...