Journal probleme CSS

Posté par  .
Étiquettes : aucune
0
19
mar.
2004
Bonjour,
Vous vous souvenez surement du post sur le fait qu'un pote ne voyais pas l'interret du w3c...
Et bah là, il a décidé d'essayer de produire du code compatible avec le w3c et resultat, son site n'est pas compatible IE...

Le probleme :
Il veut faire un div qui soit en fait une ligne de 1px de hauteur et ayant une certaine couleur de font.

div.t1{margin-left:10px; margin-right:10px; background-color:#2e2e2e; height:1px;}

ensuite un simple div :


Et voila, ca ne marche pas sous IE, kelk'un a une explication ?
Quelqu'un a une solution ?

  • # Re: probleme CSS

    Posté par  (site web personnel) . Évalué à 1.

    c'est
    border-bottom : 1px solid #2e2e2e;

  • # Re: probleme CSS

    Posté par  . Évalué à 1.

    je ne peux pas tester avec IE mais il semble que tu n'indiques pas de taille pour ta barre (donc elle fait 0 pixel de large sur 1 pixel de haut?!). si je peux te conseiller de passer par le CSS Editor de NVU (qui est SUPER BIEN FAIT, MERCI DANIEL).

    Ceci a l'air de marcher (pas vraiment regarder en fait):
    .test { border-style: solid none none;
    border-top: 1px solid rgb(46, 46, 46);
    min-width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    }

  • # Re: probleme CSS

    Posté par  . Évalué à 1.

    pourquoi ne pas utiliser ( en xhtml) plutôt ?

    ça passerait peut-être mieux qu'un div (et surtout plus logique au niveau du sens)

    • [^] # Re: probleme CSS

      Posté par  . Évalué à 3.

      arf les balises sont évidemment pas passées ;p
      je parlais de hr

  • # Re: probleme CSS

    Posté par  . Évalué à 1.

    Il faudrait montrer un peu plus de code histoire de savoir exactement ce qu'il veut faire, parce que mettre un div uniquement pour simuler une bordure de 1px de haut c'est un peu con.

    La bourdure pourrait, par exemple, être placée sur un autre div, sur un paragraphe de texte, un titre, une liste, ... ou encore skinner un hr, ...

    Bref, une url pour voir ce qu'il cherche à faire ?

  • # Re: probleme CSS

    Posté par  . Évalué à 2.

    Petite note:

    Couleur de fond: background-color: #808080;
    Couleur de font: color: #808080;

    D'où l'importance de toujours faire attention à l'aurthografe ! :-)

  • # Re: probleme CSS

    Posté par  . Évalué à 3.

    faire du code compatible w3C, c'est pas faire du code idiot :\.

    Faire un div pour une ligne de 1px c'est aussi intelligent de que de faire un layout tableau (voir pire parceque le mec se prends la gueule en plus)

    Si ca à un sens (besoin de separer 2 textes par exemple) t'utilises et tu le style à 1 px sinon t'utilises un border-bottom : 1px solid #808080;

  • # Re: probleme CSS

    Posté par  (site web personnel, Mastodon) . Évalué à 1.

    pas d'explication mais IE s'en fiche complétement de l'attribut height sur un DIV :-( Qu'il fasse 1px ou 500px de haut.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.