CSS bizarre!?

[psyco_thug]

Salut!

Je me suis fait deux page web, dans IE les deux fonctionnent bien (normal passoire). Une de mes page est en XHTML 1.0 Transitional et l'autre en HTML 4.01 et dans les deux cas j'utilise du CSS.

Bon voila qui est bizarre dans les deux feuilles mes bordures de tableau sont défini comme ceci:

1-

Code : Tout sélectionner

table {
width: 400px;
height: 200px;
table-layout: fixed; 
border-collapse: separate;
border-style: double;
border-color: #fcbc3c;
background-color: #e8e8e8;
overflow: auto
}

2-

Code : Tout sélectionner

table {
width: 70%;
table-layout: auto; 
border-collapse: separate;
border-style: double;
border-color: #fcbc3c;
background-color: #e8e8e8
}

Pourtant dans la première page la bordure est correct, mais dans la deuxième c'est une autre histoire. Pourquoi? Ai-je mis ou omis quelque chose?

Question no.2 dans mon CSS j'ai défini mon <hr />(horizontal rule) comme ceci:

Code : Tout sélectionner

hr {
width: 600px;
noshade: true;
color: #fcbc3c
}

La longeur est correct mais la couleur ne s'applique pas, peut-on changer la couleur ou pas? Comme d'hab dans IE tout marche.

merci!

[calimo]

2 ) pour le hr, il y a déjà eu une discussion dessus : http://www.geckozone.org/forum/viewtopi ... ghlight=hr
Évidemment, la conclusion était que IE et Moz ne l'affichent pas de la même manière (pour l'un c'est la bordure, pour l'autre le background), donc il faut tout définir comme ça tu est sûr !

1 ) Ah, la mise en page hybride tableaux/css
Si en plus tu en fais une en html et une en xhtml...
Pourquoi ne pas tout faire en CSS avec des div ? Et dans le même langage ? Ce serait beaucoup plus simple et logique et résoudrait sans doute quelques problèmes.

[Bobe]

Code : Tout sélectionner

hr {
width: 600px;
noshade: true;
color: #fcbc3c
}

La longeur est correct mais la couleur ne s'applique pas, peut-on changer la couleur ou pas? Comme d'hab dans IE tout marche.

color s'applique à du texte, tu vois du texte dans le <hr /> ?
C'est background-color qu'il faut utiliser (comme d'habitude, IE fait n'importe quoi )

P.S: la propriété 'noshade' n'existe pas.

[psyco_thug]

Merci je vais faire les corrections pour mon <hr>

Et pourquoi une page en HTML et une XHTML: Je me pratique. C'est ma première page en XHTML, bientôt je ferai ma "transition" vers le XHTML Strict!

Pour les <div> je suis pas très fort, j'ai fais un essai et c'était affreux.

[psyco_thug]

Bon j'ai fais quelque modif et voila le résultat. Utiliser un <div> était la bonne méthode, la dernìre fois que j'avais essayer j'avais faite des erreurs donc affreux.

Maintenant trouvez-vous que mon tableau est "parfaitement" centrer? Je crois que non voici le code utilisé:

Code : Tout sélectionner

div {
position: relative;
top: 0px;
left: 100px;
overflow: auto;
width: 613px;
height: 400px
}

Calimo merci pour le lien que tu avais mis (très instructif), tout baigne maintenant. Voici ce que j'ai mis:

Code : Tout sélectionner

hr {
border-top: 0px;
border: 1px solid;
width: 600px;
height: 2.5px;
color: #fcbc3c;
background-color: #fcbc3c
}

Aussi pour la bordure de mon tableau j'avais mis border="0" dans mon code HTML, voila pourquoi ça marchait pas

p.s. les boutons en bas de la page ne sont pas opérationnel.

[calimo]

Bien vu, le placer à 100px de la gauche n'est pas le centrer
Pour centrer un bloc (n'importe quel bloc : div, p, etc.), il faut utiliser la technique décrite sur alsacréations

L'avantage de passer direct au strict, c'est que tu aurais vu qu'il restait border="0" parce que ça aurait fait une erreur

[psyco_thug]

Yahooo! sa roule raoule!

Aussi j'avais mis 100px parce que en 800x600, ça sembalait centrer mais...

Merci!