28217 sujets

CSS et mise en forme, CSS3

bonjour,

j'ai un souci de dépassement de texte dans une liste à puce dont voici une capture d'écran.
celle-ci fait partie de la même balise que le paragraphe du dessus qui est impeccable.

merci pour votre aide.

upload/2597-Sanstitre1.jpg
Modifié par dam74 (20 Dec 2005 - 23:19)
Modérateur
bonjour,
essaie en donnant une taille inferieur au 100% par defaut a ul ou li
comme ceci:
ul li {width:90%;}
ou
ul{width:90%;}
.

ou dans ton code:
  .corps ul {
   list-style-type: disc;
   margin-left:15px;
   text-align: justify;
width:90%
  }

En fait selon les navigateur tu as des marge (padding et margin ) appliquées par defaut et qui sont differentes, de l'un a l'autre.
ton ul, prend la taille de 100% de largeur de son conteneur et li 100% de ul, ton margin-left fait deborder li de 15 px, et le padding par defaut d'autant plus. avec FF c'est bien visible, avec IE ce qui deborde est en generale invisible (tes puces par exemple, peut-etre qu'un padding au lieu du margin est plus appropriée pour les faires reapparaitres, ou partager une valeur sur les 2 type de marges).

a plus