ok alors, le css :
body{
margin: 5px 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em arial, helvetica, sans-serif ;
background: url(../img/bg.png) repeat-x;
background-color: #c4c4c4;
}
div#conteneur{
width: 980px ;
margin: 0 auto ;
text-align: left ;
/*background: url(../img/bgt.png) repeat-y;*/
/*border:solid 1px black;*/
}
h1#header{
height: 250px ;
margin: 0 ;
background: url(../img/header.png) no-repeat left top;
/*border:solid 1px red;*/
}
h1#header a{
width: 277px ;
height: 174px ;
display: block ;
background: url(../img/logo.jpg) no-repeat ;
position: relative ;
left: 10px ;
top: 9px ;
text-indent: -5000px ;
}
div#contenu{
padding: 0 20px 0 15px ;
background: url(../img/bgt.png);
background-repeat: repeat-y;
min-height:100px;
}
/*-------------------------------- page de garde -----------------------------------*/
div#gauche{
width : 165px;
height : 100%;
min-height:400px;
float: left;
overflow:hidden;
/*border:solid 1px green;*/
}
div#espace{
width : 17px;
height : 100%;
min-height:400px;
float: left;
overflow:hidden;
/*border:solid 1px green; */
}
div#principal{
width : 757px;
height : 100%;
min-height:400px;
float: left;
overflow:hidden;
/*border:solid 1px green; */
}
...
Le php qui est en faite 3 pages haut.php defaut.php, bas.php
haut.php
echo'
<div id="conteneur">
<h1 id="header"><a href="'.$urlSite.'" title="'.$siteName.'"><span>'.$siteName.'</span></a></h1>
<div id="contenu">
<div id="gauche">';
$table="cat";
if( table_ok($cfgBase, $table)){
visu_cat_souscat();
}
echo'</div>
<div id="espace"> </div>
<div id="principal">';
defaut.php
</div>
<h4>123 456</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ornare tincidunt neque. Phasellus faucibus, augue ac molestie ornare, felis ante aliquam nisi, vel fermentum velit erat eget eros. Donec et metus. In est. Nullam consequat lacus at lacus. Sed laoreet, arcu in gravida sagittis, nunc odio elementum enim, in tincidunt nisl mi ac odio. Nunc pretium, nunc sed feugiat dapibus, libero mi ultricies felis, a dignissim felis pede sit amet urna. Aenean euismod lobortis lacus. Phasellus in ligula sit amet lacus feugiat venenatis. Integer eu erat aliquam nunc semper tristique. Etiam vel magna nec arcu vehicula semper. Cras vitae diam.
<br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ornare tincidunt neque. Phasellus faucibus, augue ac molestie ornare, felis ante aliquam nisi, vel fermentum velit erat eget eros. Donec et metus. In est. Nullam consequat lacus at lacus. Sed laoreet, arcu in gravida sagittis, nunc odio elementum enim, in tincidunt nisl mi ac odio. Nunc pretium, nunc sed feugiat dapibus, libero mi ultricies felis, a dignissim felis pede sit amet urna. Aenean euismod lobortis lacus. Phasellus in ligula sit amet lacus feugiat venenatis. Integer eu erat aliquam nunc semper tristique. Etiam vel magna nec arcu vehicula semper. Cras vitae diam.
<br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ornare tincidunt neque. Phasellus faucibus, augue ac molestie ornare, felis ante aliquam nisi, vel fermentum velit erat eget eros. Donec et metus. In est. Nullam consequat lacus at lacus. Sed laoreet, arcu in gravida sagittis, nunc odio elementum enim, in tincidunt nisl mi ac odio. Nunc pretium, nunc sed feugiat dapibus, libero mi ultricies felis, a dignissim felis pede sit amet urna. Aenean euismod lobortis lacus. Phasellus in ligula sit amet lacus feugiat venenatis. Integer eu erat aliquam nunc semper tristique. Etiam vel magna nec arcu vehicula semper. Cras vitae diam.
<br /><br /></p>
bas.php
</div></div>
<p id="footer"><a class="triclic" href="?rub=index">Administration</a> - Copyright © 2008. Tous droits réservés. Graphique de Créations </p>
</div>
Modifié par spawns (20 Nov 2008 - 10:19)
