<!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>
    <title>Box model et PHP</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=ISO-8859-1" />
    <meta name="MSSmartTagsPreventParsing" content="TRUE" />
    <style type="text/css">
    /*<![CDATA[*/
    <!--
        @import url(<?php

include("modelHack.class.php");
$hack = new BoxModelHack();
$hack->setHackedFilePathName('hcss');
echo $hack->returnStyleSheetFileName('css/css.css');

?>);
    -->
    /*]]>*/
    </style>
</head>
<body>

<div id="explication">
<p style="margin:0;padding:0;">
    Ces trois boites doivent être rigoureusement de même 
    largeur. Les deux première sont de même hauteur.
    Les repères vert doivent parfaitement s'aligner avec les
    boîtes. Le contenu des boîtes est le style qui leur est appliqué.
</p>
</div>

<p id="test1">
<code>
    width:160px;
    height:200px;
    margin:20px;
    
    padding:15px;
    border:5px #000 solid;
</code>
</p>

<p id="test2">
<code>
    width:160px;
    height:200px;
    margin:20px;
    
    padding:5px;
    border:15px #000 solid;
</code>
</p>

<p id="test3">
<code>
    width:160px;
    height:360px;
    margin:20px;
    
    padding:10px;
    padding-right:15px;
    padding-left:5px;
    border-left:15px #000 solid;
    border-right:5px #000 solid;
    border-bottom:20px #000 solid;
</code>
</p>

<div class="vertical" style="left:40px;"></div>
<div class="vertical" style="left:250px;"></div>
<div class="vertical" style="left:460px;"></div>
<div class="horizontal" style="left:0;"></div> 
<div class="horizontal" style="left:670px;"></div> 
<div class="vertical" style="left:460px;top:450px"></div>
<div class="vertical" style="left:40px;top:450px;width:410px"></div>

</body>
</html>