CSS: <hr> et Fire Fox

CSS: <hr> et Fire Fox - HTML/CSS - Programmation

Marsh Posté le 29-08-2005 à 01:07:43    

Bonsoir,
alors voilà mon problème est peut être simple mais quoi qu'il en soit je n'en trouve pas la solution.
 
J'utilise la balise hr dans certaines de mes pages, je vous donne l'extrait de ma feuille de style correspondante:
 

Code :
  1. hr {
  2.    color: #000000;
  3.    height: 1px;
  4. }


 
Alors sous IE aucun problème, mais on sais bien que cette animal accèpte un peu tout.
En revanche sous FF, mon <hr> reste inchangé. Bon je suppose que le problème vient de "height" mais, étrangement, je ne parviens pas à trouver quelle proprièté je dois utiliser...
 
En vous remerciant.


Message édité par dwogsi le 29-08-2005 à 20:41:53

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 29-08-2005 à 01:07:43   

Reply

Marsh Posté le 29-08-2005 à 02:31:10    

je suis egalement en train d'essayer de comprendre le HR, on dirai qu'il ne gobe pas vraiment le CSS.
 
du moins voici le moyen si tu veux une ligne plus épaisse sous FF et IE, par contre pour une ligne plus fine, je ne comprend pas non plus.

Code :
  1. border: solid 1px green;


 
Et par dessus tout ça, je vais exposé un autre probleme avec HR mais cette fois ci avec IE

Code :
  1. hr {border: solid 1px green;  margin-top: 0px; margin-bottom: 0px;}


avec ceci, le texte sera quasiment collé a la ligne verte sous FF mais IE ne veux pas prendre en compte mes margin. Peux t on contré ça ?

Reply

Marsh Posté le 29-08-2005 à 20:14:49    

J'ai remarqué ca aussi, le problème est que IE met automatiquement une marge au dessus et en dessous des <hr> ce que FF ne fait pas.
 
Donc dans l'un on à déjà une marge et pas dans l'autre, la première semblant impossible a supprimer.
 
Sinon, me concernant, c'est une ligne plus fine que je voulais mais merci quand même.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 29-08-2005 à 20:59:14    

Bon la solution était finalement assez simple, il semblerait que FF considère que pour les <hr> il s'agit d'un block qui a, par défaut, des bordures. Il faut donc supprimer celle ci avec border: 0; et colorer le font avec background-color.
 
En remerciant badze qui m'a aidé dans la quête de cette solution.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 30-08-2005 à 00:16:59    

Voir ce billet: http://blog.alsacreations.com/2004 [...] hr-sous-ie


---------------
Faudrait pas prendre les oiseaux du bon Dieu pour des canards sauvages
Reply

Marsh Posté le 30-08-2005 à 00:35:48    

En effet, merci pour l'info, je n'aurai plus a chercher a présent,
il faut le mettre dans un bloc si on veux en tiré ce que l'on veux. Pas intéréssant dans ce cas ci.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed