Bon j'ai généré vite fait un script sur csscreator.com (que j'ai un peu bidouillé) mais là je m'arrache les cheveux depuis 2 heures car il y a un ptit décalage que j'arrive pas à enlever au niveau du menu. Je pense que ça vient des "padding" mais j'ai pas trouvé de solution.
le fichier html
Code : Tout sélectionner
<html>
<head>
<LINK REL=stylesheet TYPE="text/css" HREF="pos.css">
<title>site/title>
</head>
<body>
<div id="pagewidth" >
<div id="header"> Site du papier-cul !</div>
<div id="twocols" class="clearfix">
<div id="maincol" ><? include "center.php"; ?></div>
<div id="rightcol" > MENU </div>
</div>
</div>
</div>
</body>
</html>
Code : Tout sélectionner
/* generated by csscreator.com */
html, body{
margin:0;
padding:0;
text-align:center;
background-color:#0066FF;
}
#pagewidth{
width:80%;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#header{
position:relative;
padding:1em;
text-align:center;
background-color:#CCFCA6;
width:100%;
border: 1px solid #000000;
}
#twocols{
width:100%;
position:relative;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
}
#rightcol{
width:30%;
float:right;
position:relative;
padding:1em;
background-color:#3946D6;
}
#maincol{
background-color: #6689D6;
float: left;
display:inline;
position: relative;
width:70%;
padding:1em;
}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
le fichier center.php, me fait un echo "Salut<br>"; en boucle pour tester le remplissage...
Merci d'avance
