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


  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.
Fichier: file_3146_ok.zip ( 765 B - 173 )

Dernière édition: 22/03/2005 @ 18:25:05
:topicalacon:
Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
Photos
   
[CSS] - Bug IE d'espacement avec un float
Publié le 22/03/2005 @ 18:41:12,
Par zion
c'est balaud hein :oh:

bizarre, je fais qqs tests, j'y arrive pas non plus jusque là :disappointed:
Je suis le Roy :ocube:
   
[CSS] - Bug IE d'espacement avec un float
Publié le 22/03/2005 @ 18:43:18,
Par Poire
J'ai fait un tas de tests aussi.
Je pige pas :outch:
:topicalacon:
Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
Photos
   
[CSS] - Bug IE d'espacement avec un float
Publié le 22/03/2005 @ 18:48:48,
Par zion
Je vois pas :oh:

Je laisse sur le feu, j'y regarderai encore plus tard si j'ai une idée :sweat:
Je suis le Roy :ocube:
   
[CSS] - Bug IE d'espacement avec un float
Publié le 22/03/2005 @ 18:55:15,
Par Poire
pour le h1 il faut mettre le clear: both où pour pouvoir afficher un truc à côté ? C'est ptet ça qui merde :S
:topicalacon:
Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
Photos
   
[CSS] - Bug IE d'espacement avec un float
Publié le 22/03/2005 @ 20:14:38,
Par zion
je l'ai viré ton h1, ca changeait que dalle sur le reste :spamafote:
Je suis le Roy :ocube:
   
[CSS] - Bug IE d'espacement avec un float
Publié le 22/03/2005 @ 21:23:05,
Par 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.
Concept vivant.
   
[CSS] - Bug IE d'espacement avec un float
Publié le 22/03/2005 @ 21:58:38,
Par zion
:totoz:

mais c'est...

:totoz:

totozifiant :oh:

Vivement IE28 :ddr555:
Je suis le Roy :ocube:
   
[CSS] - Bug IE d'espacement avec un float
Publié le 22/03/2005 @ 22:04:27,
Par pipo
http://membres.lycos.fr/gordo13/grosolimou.gif
./Make sex | ( . ) ( . ) | Je n'ai rien à voir avec Zion l'informaticien gay
   
[CSS] - Bug IE d'espacement avec un float
Publié le 23/03/2005 @ 10:12:27,
Par Poire
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:
:topicalacon:
Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
Photos
Répondre - Catégorie:  
Informaticien.be - © 2002-2022 AkretioSPRL  - Generated via Kelare
The Akretio Network: Akretio - Freedelity - KelCommerce - Votre publicité sur informaticien.be ?