Accueil
Forums
Turoriaux
Inscription
Connexion
Fil RSS
Bienvenue invité !
Jeudi 08 Janvier 2009
Vous êtes ici: Crea-paradise.com > Forums > Entraide > xHtml/CSS > [HTML][CSS] liste à puces > Lecture du sujet

[HTML][CSS] liste à puces

problème sous IE


1
Auteur Message
> Posté le : 09/08/2007 22h03
Avatar de Pioupiou


Groupe : Membres
Messages : 4

Salut tout le monde, j'ai un petit problème avec mon site perso et à vrai dire je ne sais même pas si ça vient du code Css ou du Html (j'ai donc mis les deux dans le titre  ) et j'espère recevoir de l'aide de votre part!

Donc en fait quand j'utilise des listes à puces dans le contenu des pages de mon site et dès que j'écris plusieurs lignes de textes par puces, la puce est décalé par rapport à la première ligne de texte, elle se met en face de la dernière ligne sur IE 7 (sur IE 6, c'est tout mon design qui plante  )... je suis pas sûre d'être très claire donc voici des exemples en images:
  • pour une liste ordonnée ici (en bas de la page)

  • pour une liste non-ordonnée ici


Voici des bouts de code pour une liste, on sait jamais l'erreur vient peut-être d'ici 
Code (x)HTLM:

  
        <li><strong>Look :</strong> rose, frais et complètement girly</li>

              <li><strong>Infos :</strong> Plus d'un an avec le même design m'en a lassé et avec la découverte de toute un tas de site perso tous plus classes et originals les uns les autres, j'envisage de réaliser enfin mon premier design. Finallement ce ne fut pas si horible que ça, je me suis un peu mordu les doigts avec le .css, mais faut croire que j'ai réussi à me débrouiller.</li>
              <li><strong>Détail :</strong> Quelques petites erreurs avec Internet explorer.</li>
        <li><strong>Designer :</strong> Pioupiou</li>
    


Voilà si quelqu'un a la solution ça serait géniale, et il/elle aura ma reconnaisance... 
... mais rien ne presse!
> Posté le : 09/08/2007 23h42
Aucun avatar


Groupe : Membres
Messages : 8

Euh chez moi ça marche très bien.

Mon blog Un petit clic sur mes pubs svp
> Posté le : 10/08/2007 11h30
Avatar de Pioupiou


Groupe : Membres
Messages : 4

Citation: Saydou
Euh chez moi ça marche très bien.


C'est bien avec IE que tu as testé? Parce qu'avec Firefox ça marche niquel! 
> Posté le : 14/08/2007 12h26
Aucun avatar


Groupe : Membres
Messages : 43

Etrange tu as bien mis les float, tu as bien mis le clear:both; a ton footer. Je ne vois qu'une seul chose le hack ie >< c'est dommage d'en arriver la.

Fais donc des tests sur ton css avec le hack !important
ex:
width:2px !important;(ie ne lira pas cette ligne)
width:5px;(ie lira cette ligne)

L'ordre est important.

Mais en fait avant ça change juste la largeur de ton contenu 300px au lieu de 380px. Je suis sur que ça se remettra bien sous ie . Mais après faut réajuster le reste.

Sinon fait moi un pack rar de ta page d'accueil je veux bien essayer de régler le problème.
> Posté le : 31/08/2007 12h00
Avatar de Pioupiou


Groupe : Membres
Messages : 4

Citation: Steeve
Fais donc des tests sur ton css avec le hack !important
ex:
width:2px !important;(ie ne lira pas cette ligne)
width:5px;(ie lira cette ligne)


Je ne connaisais pas ce code, j'ai donc fait un peu de recherche mais il semblerait que ce hack ne fonctionne plus sur IE 7, à la place j'ai trouvé le moyen de faire une autre page de css réservé à IE grâce à ce bout de code:
Code (x)HTLM:
<!--[if IE]>
   <link href="../../style2ie.css" rel="stylesheet" type="text/css" />
<![endif]-->


J'ai donc essayé de mettre 300px au lieu de 380 mais bon ça ne change rien à mon problème. 
1