Code dans HEAD
<style type="text/css">
.boiteexemple
{
position : absolute ; top : 20cm ; left: 2cm ;
font-family : arial, verdana, sans-serif ;
color :#FFFFFF ;
}
</style>
Code dans BODY après </HEAD>
</HEAD><body bgcolor="#FFFFFF" marginwidht=0 marginheight=0 leftmargin=0 topmargin=0><DIV class="boiteexemple">RESULTAT de cet exemple</DIV>
Exemple 1
Le positionnement utilisé dans ce premier exemple, est obtenu en spécifiant la marge de 2 cm plus les marges de BODY à 0 (zéro) ce qui supprime la marge par défaut qui est d'environ 0,5cm, comme expliqué page 35 et qui fait que tout le texte colle à la marge gauche de votre navigateur. Il faudra sans doute faire des essais de réglage avec les différents navigateurs pour trouver un juste milieu.
Par contre notez que si le code de la boîte est placé de suite après le "BODY", cela est sans effet sur son placement final qui réalise en bas de page comme prévu par la valeur du "top" inclus dans la déclaration.
Mais préférez alors la déclaration incluse dans les STYLES
comme précisé page 35, à savoir <style type="text/css">body
{margin: 0 ;} </style>
Comparez maintenant avec l'exemple 2, page suivante
