Poster une réponse à un sujet: [CSS] - Bug IE d'espacement avec un float
Attention, ce sujet est un sujet ancien (6945 jours sans réponse)
Gras [b]Texte[/b] Italique [i]Italique[/i] Souligné [u]Souligné[/u] Barré [strike]Barré[/strike]
Courriel [email=nobody@nobody.org]Nom[/email] Lien [url=http://www.website.com]Texte[/url] Ancre [anchor]Nom[/anchor] Image [img]http://www.website.com/image.jpg[/img] Insérer une image en provenance du site
Aligné à gauche [align=left]Texte[/align] Centré [align=center]Texte[/align] Aligné à droite [align=right]Texte[/align] Toute la largeur [align=justify]Texte[/text]
Couleur [color=#000000]Text[/color] Mise en forme [highlight=pascal]Texte[/highlight] Widgets Emoticons :code: [:code] Convertisseur HTML vers BBCode Convertisseur Word vers BBCode
Prévisualisation Vérification de l'orthographe

Copier Coller Couper Tout sélectionner
Tout effacer Insérer la date Insérer l'heure Insérer la date et heure Insérer votre IP
Liste [list=square][item]BlaBla[/item][/list] Liste Numérotée [list=decimal][item]BlaBla[/item][/list]
Citation [quote=name]Texte[/quote] Spoiler [spoiler]James est le meurtrier![/spoiler]
Tout en majuscules [uppercase]Texte[/uppercase] Tout en minuscules [lowercase]Texte[/lowercase] l33t [l33t]Je suis un nerd[/l33t] Texte en indice [sub]Texte[/sub] Texte en exposant [sup]Texte[/sup] Taille du texte [size=8]Texte[/size]
 
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:
pipo
http://membres.lycos.fr/gordo13/grosolimou.gif
zion
:totoz:

mais c'est...

:totoz:

totozifiant :oh:

Vivement IE28 :ddr555:
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.
zion
je l'ai viré ton h1, ca changeait que dalle sur le reste :spamafote:
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
zion
Je vois pas :oh:

Je laisse sur le feu, j'y regarderai encore plus tard si j'ai une idée :sweat:
Poire
J'ai fait un tas de tests aussi.
Je pige pas :outch:
zion
c'est balaud hein :oh:

bizarre, je fais qqs tests, j'y arrive pas non plus jusque là :disappointed:
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.
Catégorie:  






Ada
CSS
Cobol
CPP
HTML
Fortran
Java
JavaScript
Pascal
Perl
PHP
Python
SQL
VB
XML
Anon URL
DailyMotion
eBay
Flickr
FLV
Google Video
Google Maps
Metacafe
MP3
SeeqPod
Veoh
Yahoo Video
YouTube
6px
8px
10px
12px
14px
16px
18px
Informaticien.be - © 2002-2024 AkretioSPRL  - Generated via Kelare
The Akretio Network: Akretio - Freedelity - KelCommerce - Votre publicité sur informaticien.be ?