Matteo_mt a écrit :
J'avais même essayé de réduire le width du div à 100px, il ne se passe rien !
Tu dois tout de même avoir quelque chose de bizarre sur ta page, non?
La page de test suivante fonctionne parfaitement (note: le
height: 100% est pris en compte par IE6, pas par les autres navigateurs à priori).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<link rel="stylesheet" type="text/css" href="data/page.css" />
<style type="text/css" media="print">
div#un {
background:none;
height:100%;
left:0%;
top:0%;
margin-top:0px;
margin-left:20px;
margin-right:0px;
border: solid 3pt red;
padding: 1pt 6pt;
color: red;
}
div#deux {
background:none;
height:100%;
left:0%;
top:0%;
margin-top:0px;
margin-left:20px;
margin-right:0px;
border:0px;
padding:0px;
width: 100px;
color: blue;
}
div#trois {
background:none;
height:100%;
left:0%;
top:0%;
margin-top:0px;
margin-left:.6cm;
margin-right:0px;
border:0px;
padding:0px;
width: 3cm;
color: green;
}
</style>
</head>
<body>
<div id="un">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>
<p>Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim.</p>
</div>
<div id="deux">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>
<p>Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim.</p>
</div>
<div id="trois">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>
<p>Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim.</p>
</div>
</body>
</html>