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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  petit problème de largeur pour une balise div

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

petit problème de largeur pour une balise div

n°465174
souljacker
Posté le 22-07-2003 à 19:04:29  profilanswer
 

Bonjour à tous,
 
J'ai un petit soucis avec un attribut width sur une balise div. Quand je teste sous Internet explorer 6.0 et sous Mozilla FireBird 0.6, je n'obtiens pas le même affichage.
 
L'affichage est tel que je le désire sous Mozilla, mais sous IE, il prend moins de place et oblige un retour à la ligne du texte contenu.
 

Code :
  1. div#menu {
  2. padding: 5px;
  3. float: left;
  4. width: 150px;
  5. background-color: inherit;
  6. border: 1px solid;
  7. border-top-color: #eeeeee;
  8. border-right-color: #999999;
  9. border-left-color: #eeeeee;
  10. border-bottom-color: #999999;
  11. font-weight: bold; color: #fffffe;
  12. }


 
J'ai essayé en passant la largeur à 160px, mais ca ne change rien sous IE, la largeur reste là même. Bien sur, sous Mozilla ca change.
 
Par la suite, j'ai carrément supprimer l'attribut width et là, l'affichage se fait comme je le désire dans les deux navigateurs. Mais c'est surtout un coup de chance vis-à-vis du texte qui est contenu dedans.
 
Donc j'aimerais comprendre le problème pour le cas où je retomberais dessus plus tard (et que le texte ne s'y prete pas ;) ).
 
Merci pour votre aide.

mood
Publicité
Posté le 22-07-2003 à 19:04:29  profilanswer
 

n°465199
gm_superst​ar
Appelez-moi Super
Posté le 22-07-2003 à 19:22:48  profilanswer
 

Bug de IE... Il inclu le padding dans la largeur que tu définis... 2 solutions pour IE 6 :
 
- développer en (X)HTML strict (avec le DOCTYPE qui va bien cf http://openweb.eu.org/articles/toi_comprendre_moi/ ), dans ce cas IE 6 va utiliser son mode de rendu "standard" donc conforme à ce qu'on attend ;
- Utiliser ce hack http://tantek.com/CSS/Examples/boxmodelhack.html
 
 
Je te conseille la deuxième solution car IE 5.x n'a qu'un seul mode rendu (le faux bien sûr) donc si tu veux être compatible avec ces versions là d'IE tu seras obligé d'appliquer le hack.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°465274
souljacker
Posté le 22-07-2003 à 21:01:24  profilanswer
 

Je travaille avec le DOCTYPE pour XHTML 1.1:
 

Code :
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3.     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">


 
Merci pour le lien, le problème ne vient pas du bug, mais de la présence de la balise xml. En la retirant, IE6 se comporte correctement.
 
A les joies d'IE!
 
Encore merci pour tout.


Message édité par souljacker le 22-07-2003 à 21:10:50
n°465277
gm_superst​ar
Appelez-moi Super
Posté le 22-07-2003 à 21:03:43  profilanswer
 

Oui mais si tu lis bien le lien que j'ai donné, il est écrit (en bas) que lorsqu'on a le prologue <?xml ...> IE ne se met pas en mode standard (c'est bien sûr un bug)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°465283
souljacker
Posté le 22-07-2003 à 21:11:24  profilanswer
 

J'ai été un peu lent dans mon édition  :pfff:  ;)


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

  petit problème de largeur pour une balise div

 

Sujets relatifs
[HTML] Balise qui fait planter Internet ExplorerProblème avec str_replace
[PHP] probleme de session_start() sous windows[html]largeur d'un bouton
[XHTML] problème avec le #Gros problème de css sur div imbriqués
[C / GNU] petit doute sur strncpyprobleme d'arrondis
Problème de conceptionProbleme de syntaxe avec DB2
Plus de sujets relatifs à : petit problème de largeur pour une balise div


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