Sujet: [CSS] - Bug IE d'espacement avec un float
22/03/2005 @ 18:22:42: Poire: [CSS] - Bug IE d'espacement avec un float
CSS :
Code:
  1. * { 
  2. font-family: Trebuchet MS, serif; 
  3. } 
  4. body, h1 {  
  5. margin: 0; 
  6. padding: 0; 
  7. } 
  8. #header { 
  9. background-color: black; 
  10. color: white; 
  11. height: 71px; 
  12. line-height: 71px; 
  13. text-align: center; 
  14. } 
  15. #gauche { 
  16. float: left; 
  17. background: red; 
  18. width: 173px; 
  19. height: 500px; 
  20. clear: right; 
  21. } 
  22. #haut { 
  23. background: #B37D00; 
  24. height: 2em; 
  25. margin: 0; 
  26. padding: 0; 
  27. }


Code:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> 
  3. <head> 
  4. <title>test</title> 
  5. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> 
  6. <style type="text/css" media="screen">@import url(test.css);</style> 
  7. </head> 
  8. <body> 
  9. <div id="header"> 
  10. <h1>Acceuil</h1> 
  11. </div>  
  12. <div id="gauche"> 
  13. </div>  
  14. <div id="haut"> 
  15. </div>  
  16. </body> 
  17. </html>


Sous FireFox pas de pb, sur IE il y a un petit espace entre le bloc de gauche et la barre horizontale :angry:

Une solution ?

Merci.
22/03/2005 @ 18:41:12: zion: [CSS] - Bug IE d'espacement avec un float
c'est balaud hein :oh:

bizarre, je fais qqs tests, j'y arrive pas non plus jusque là :disappointed:
22/03/2005 @ 18:43:18: Poire: [CSS] - Bug IE d'espacement avec un float
J'ai fait un tas de tests aussi.
Je pige pas :outch:
22/03/2005 @ 18:48:48: zion: [CSS] - Bug IE d'espacement avec un float
Je vois pas :oh:

Je laisse sur le feu, j'y regarderai encore plus tard si j'ai une idée :sweat:
22/03/2005 @ 18:55:15: Poire: [CSS] - Bug IE d'espacement avec un float
pour le h1 il faut mettre le clear: both où pour pouvoir afficher un truc à côté ? C'est ptet ça qui merde :S
22/03/2005 @ 20:14:38: zion: [CSS] - Bug IE d'espacement avec un float
je l'ai viré ton h1, ca changeait que dalle sur le reste :spamafote:
22/03/2005 @ 21:23:05: gizmo: [CSS] - Bug IE d'espacement avec un float
bug connu. IE a du mal avec la gestion des flottants quand ils sont en "contact" avec des blocs externes. Englobe le gauche dans le haut et ton problème sera résolu.
22/03/2005 @ 21:58:38: zion: [CSS] - Bug IE d'espacement avec un float
:totoz:

mais c'est...

:totoz:

totozifiant :oh:

Vivement IE28 :ddr555:
22/03/2005 @ 22:04:27: pipo: [CSS] - Bug IE d'espacement avec un float
http://membres.lycos.fr/gordo13/grosolimou.gif
23/03/2005 @ 10:12:27: Poire: [CSS] - Bug IE d'espacement avec un float
Citation de: gizmo
bug connu. IE a du mal avec la gestion des flottants quand ils sont en "contact" avec des blocs externes. Englobe le gauche dans le haut et ton problème sera résolu.


J'ai changé le design :spamafote:
englober le gauche ds le haut n'est pas satisfesant à mes yeux (question de logique)

Merci quand même :zoubi:
Retour