28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un soucis que je n'arrive pas à corriger,
je réalise une div (#filet) très fine d'une couleur que je place au dessus de tout le contenu de mon site.
Même en corrigeant les margin et les padding, je n'arrive guère à obtenir le même rendu sur IE6.
Je veux une hauteur de 2px, marche très bien sur les navigateurs conformes, mais nullement sur IE6 et antérieurs qui m'affichent une div d'une hauteur bien plus grande.

Pour faire un exemple très simple:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style>
body {
	padding: 0;
	margin: 0;	
}
#filet {
	height:2px;
	background-color: #900;
}
#header {
	height:50px;
	background-color: #000;
}
</style>
</head>

<div id="filet"></div>
<div id="header"></div>
<body>
</body>
</html>


Quelqu'un saurait me corriger ou me conseiller?
Modifié par Caporal (19 Mar 2009 - 20:02)
Salut,

Tu peux rajouter un overflow:hidden sur le div en question.

En fait, IE6 et inférieurs donnent pour hauteur minimale aux éléments vides la hauteur d'une ligne de texte éventuelle.