Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1199 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS: <hr> et Fire Fox

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS: <hr> et Fire Fox

n°1186681
dwogsi
Défaillance cérébrale...
Posté le 29-08-2005 à 01:07:43  profilanswer
 

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})/
mood
Publicité
Posté le 29-08-2005 à 01:07:43  profilanswer
 

n°1186684
Badze
Aime les frites
Posté le 29-08-2005 à 02:31:10  profilanswer
 

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 ?

n°1187396
dwogsi
Défaillance cérébrale...
Posté le 29-08-2005 à 20:14:49  profilanswer
 

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})/
n°1187411
dwogsi
Défaillance cérébrale...
Posté le 29-08-2005 à 20:59:14  profilanswer
 

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})/
n°1187464
phosphorus​68
Pseudo à n°
Posté le 30-08-2005 à 00:16:59  profilanswer
 

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


---------------
Faudrait pas prendre les oiseaux du bon Dieu pour des canards sauvages
n°1187468
Badze
Aime les frites
Posté le 30-08-2005 à 00:35:48  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS: <hr> et Fire Fox

 

Sujets relatifs
CSS : Selectionner le parent[CSS]
CSS probléme d'affichage entre NavigateursProblème CSS et Fiefox
[CSS]Site très lentXHTML, CSS et FireFox 1.0.6
CSS want my death[CSS] Liens et style d'arrière-plan
[RESOLU] - Texte souligné "à la display: block;" (CSS)[HTML / CSS] Un cadre contenant deux blocs
Plus de sujets relatifs à : CSS: <hr> et Fire Fox


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR