[CSS] - Bug IE d'espacement avec un float

Programmation » [CSS] - Bug IE d'espacement avec un float

« Sujet précédent Sujet suivant »

Poire

[CSS] - Bug IE d'espacement avec un float

Publié le 22/03/2005 @ 18:22:42,

Par Poire

CSS :

Code:

* {
font-family: Trebuchet MS, serif;
}
body, h1 {
margin: 0;
padding: 0;
}
#header {
background-color: black;
color: white;
height: 71px;
line-height: 71px;
text-align: center;
}
#gauche {
float: left;
background: red;
width: 173px;
height: 500px;
clear: right;
}
#haut {
background: #B37D00;
height: 2em;
margin: 0;
padding: 0;
}

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>test</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">@import url(test.css);</style>
</head>
<body>
<div id="header">
<h1>Acceuil</h1>
</div>
<div id="gauche">
</div>
<div id="haut">
</div>
</body>
</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 - 256 )

Dernière édition: 22/03/2005 @ 18:25:05

Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
Photos

zion

[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:

Poire

[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:

Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
Photos

zion

[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:

Poire

[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

Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
Photos

zion

[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:

gizmo

[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.

zion

[CSS] - Bug IE d'espacement avec un float

Publié le 22/03/2005 @ 21:58:38,

Par zion

mais c'est...

:totoz:

totozifiant :oh:

Vivement IE28 :ddr555:

Je suis le Roy :ocube:

pipo

[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

Poire

[CSS] - Bug IE d'espacement avec un float

Publié le 23/03/2005 @ 10:12:27,

Par Poire

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:

Je défendrai mes opinions jusqu'à ma mort, mais je donnerai ma vie pour que vous puissiez défendre les vôtres. (Voltaire)
Photos