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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu] Bug div Firefox

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Résolu] Bug div Firefox

n°1996064
jenrokefor​t
Posté le 25-05-2010 à 18:45:51  profilanswer
 

Plop,
 
Firefox a un comportement assez étrange avec les div imbriqués : quand on click dessus, le navigateur affiche une barre de sélection à côté du div intérieur.
 
Ca sert à rien et c'est très moche (grosse barre noir sur mon background).
 
Est ce qu'il existe une propriété css pour empêcher cette sélection ?
 
PS : rien de la sorte sous Chrome. Aucune idée sous IE/Opéra.
 
Exemple :
 
http://forums.jeuxonline.info/attachment.php?attachmentid=103930&d=1274805671
 

Code :
  1. <div id="lol">
  2. <div id="lool">
  3. </div>
  4. </div>


 

Code :
  1. #lol {
  2. width: 100px;
  3. height: 100px;
  4. border: 1px solid red;
  5. }
  6. #lool {
  7. width: 20px;
  8. height: 20px;
  9. border: 1px solid white;
  10. }


Message édité par jenrokefort le 25-05-2010 à 19:51:42
mood
Publicité
Posté le 25-05-2010 à 18:45:51  profilanswer
 

n°1996066
tpierron
Posté le 25-05-2010 à 19:02:52  profilanswer
 

Hmm, à mon avis tu as plutôt une règle CSS qui vient foutre la merde quelque part, parce que je n'ai jamais vu ce comportement sur Firefox (et je pari qu'un truc aussi con doit être testé avant chaque release).
 
Bref installe Firebug, clic droit que le div interne => Inspect element, puis regarde ce qu'il y a de listé dans la colone  "Style".
 

n°1996068
jenrokefor​t
Posté le 25-05-2010 à 19:13:44  profilanswer
 

J'ai regardé et non rien de gênant.
 
Je c/c la liste des propriétés calculés, au cas où tu verrais un truc pas normal :
 
Texte
font-family Verdana
font-size 9px
font-weight bold
font-style normal
color #000000
text-transform none
text-decoration none
letter-spacing normal
word-spacing 0
line-height 19px
text-align start
vertical-align baseline
direction ltr
 
Arrière-plan
background-color transparent
background-image none
background-repeat repeat
background-position 0 0
background-attachment scroll
opacity 1
 
Modèle des boîtes
width 20px
height 20px
top auto
right auto
bottom auto
left auto
margin-top 0
margin-right 0
margin-bottom 0
margin-left 0
padding-top 0
padding-right 0
padding-bottom 0
padding-left 0
border-top-width 1px
border-right-width 1px
border-bottom-width 1px
border-left-width 1px
border-top-color #FFFFFF
border-right-color #FFFFFF
border-bottom-color #FFFFFF
border-left-color #FFFFFF
border-top-style solid
border-right-style solid
border-bottom-style solid
border-left-style solid
 
Apparence
position static
display block
visibility visible
z-index auto
overflow-x visible
overflow-y visible
white-space normal
clip auto
float none
clear none
-moz-box-sizing content-box
 
Divers
cursor auto
list-style-image none
list-style-position outside
list-style-type disc
marker-offset auto

n°1996069
jenrokefor​t
Posté le 25-05-2010 à 19:19:42  profilanswer
 

Au contraire j'ai l'impression que c'est le comportement normal sur Firefox, pour pouvoir se déplacer dans une page juste avec les flèches du clavier (accessibilité tout ça).
 
Dans tous les cas j'aimerais quand même pouvoir l'enlever.

n°1996072
jenrokefor​t
Posté le 25-05-2010 à 19:51:51  profilanswer
 

Bon, imo c'est le comportement normal de Firefox pour un soucis d'accessibilité (pouvoir se déplacer dans la page juste avec les touches du clavier). Le navigateur pour suivre le flux de la page sélectionne donc les div.
 
J'ai trouvé un solution pas très propre mais qui fonctionne :
 
un div en position relative, l'autre en absolute, et je remplace le margin auto par un left ~50%. L'absolute casse le flux et donc plus de sélection.

n°1996093
gatsu35
Blablaté par Harko
Posté le 26-05-2010 à 00:05:36  profilanswer
 

et un outline:none
ça suffirait pas [:petrus75]


---------------
Blablaté par Harko

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

  [Résolu] Bug div Firefox

 

Sujets relatifs
[RESOLU] [MYSQL] Perte d'espace utilisé[JAVA][Resolu] Compression multi-volumes
Résolu : variable modifiée par l'affectation d'une autre variable[Résolu] Changer couleur du lien de la page active
[résolu] plugin svg pour IE8[RESOLU] probleme de curseur jquery
[résolu]fonction prenant en compte une url brute d'une image[Résolu] Isoler les entrées uniques Access
[Wordpress][CSS]bug internet explorer : bug1 #1 bug #2 self-solved[RESOLU]Bug d'affichage galerie sous firefox
Plus de sujets relatifs à : [Résolu] Bug div Firefox


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