Un exemple de positionnement d'éléments CSS2 permettant de concevoir une mise en page au pixel près sans l'utilisation de tableaux HTML. Il est possible de sélectionner un autre fichier CSS2 en cliquant ici.
Voici le fichier css correspondant à la mise en page que vous observez actuellement:
body {
margin:0px;
font-family:verdana, arial, helvetica, sans-serif;
background-color:#000000;
}
h1 {
margin:0px;
padding:2px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:16pt;
font-weight:900;
background-color:#FFFFFF;
color:#000000;
}
p {
margin:0px 5px 0px 5px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:9pt;
text-align:justify;
color:#FFFFFF
}
pre {
margin:20px 20px 20px 20px;
font-family: courier new, courier, mono;
font-size:9pt;
color:#99CCFF
}
a {
font-family:verdana, arial, helvetica, sans-serif;
font-size:9pt;
font-weight:600;
text-decoration:none;
}
a:link {color:#FF0000;}
a:hover {text-decoration:underline;}
a:visited {color:#FF9900;}
#header {
margin:2px 2px 2px 2px;
padding:5px;
border-style:solid;
border-color:white;
border-width:3px;
background-color:#660000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:30pt;
font-weight:900;
text-transform:uppercase;
color:#FFCC99;
}
#corps {
margin:5px 200px 5px 5px;
padding:0px;
}
#colgauche {
position:absolute;
top:70px;
right:5px;
width:195px;
height:100%;
background-color:#000066;
padding:5px;
}