Print CSS - IE: décalage du texte quand il est justifié

ZaX

18 Aug 2008 à 15:02

Bonjour,

je souhaiterais savoir si il s'agit d'un problème connu et s'il est possible d'y remédier.
Je travaille actuellement sur un template pour l'impression, et je dois avoir un texte justifié (text-align: justify). J'ai une colonne de contenu et une sidebar en float right qui doivent tous les deux être imprimés.
Mon problème est que dans IE7, lorsque le texte est justifié, il se retrouve en dessous du contenu de la sidebar, sans raison apparente.

Voici mon code simplifié au maximum :


<!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" xml:lang="fr-FR" lang="fr-FR">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-language" content="fr-FR" />
  <title>test</title>
  <link rel="stylesheet" href="print.css" media="print" type="text/css" />
 </head>

<body>
	<div id="droite">
  	  <p>geer opieszhpo ezhrbopj psedrjbh resopjbt iopj rtnoist bonjoeur jej oiudsgo iujsoihj elrsmeliesj 
	  gkjlehr thnlkfgk lndflk</p>
	</div>

	<div id="gauche">
		<p>et, amorem nec ego intellegi, infantes bonorum propter, ipsum remotis quod est quod autem nosmet ea, cum possunt enim,
		an quas qui ne ad posse, frui iste foedus inquit rerum, nullam ut et prima sit, adipiscendarum compluribus esse nostrum nulla qua.</p>
	</div>
</body>
</html>

Et la feuille CSS :


#droite {float: right; width: 150px;}
#gauche {margin-right: 180px; text-align: justify; text-align: justify;}

Merci d'avance pour vos réponses.

EDIT : pour vous en rendre compte, il faut imprimer la page sur papier ou utiliser un outil tel que PDFCreator pour imprimer un pdf.
Modifié par ZaX (18 Aug 2008 - 15:22)

CSS et mise en forme, CSS3

Print CSS - IE: décalage du texte quand il est justifié