Je veut mettre en page mon site et j'ais de problemes de mise en page a cause de mes css.
Pour mieu me faire comprendre je vous montre ce que sa donne
http://felofastouf.free.fr/index.php
Je voudrais que le div de droite et celui de gauche ait la meme couleur tout du long hors la couleur de chacun de ces deux div sarrete aprés mon dernier texte (juste sous l'autentification et sous les liens)
voici mon code css :
Code : Tout sélectionner
<style type="text/css">
body {font: 1.0em verdana, arial, sans-serif;
text-align:center;
}
* {margin:0; padding:0;}
div#mainwrap {width:780px;
margin-left:auto; margin-right:auto;
text-align:left;
}
div#header {height:160px; background-color:#000000; text-align:center;}
div#contentarea { background-color:#000000;
background:url(images_pres/faux_left.gif) repeat-y top left;
position:relative;
}
div#contentarea2 {background-color:#000000;
background:url(images_pres/faux_right.gif) repeat-y top right;
position:relative;
}
div#column1 {width:150px;
position: absolute;
top:0px; left:0px;
background-color:#ffff00;
overflow:hidden;
}
div#column2 {background-color:#FFF;
margin:0 170px 0 150px;
}
div#column3 {width:170px;
position:absolute;
top:0px; right:0px;
background-color:#cccccc;
overflow:hidden;
}
div#footer {background-color:#FAC; text-align:center; padding-top:6px;}
div#column1 ul {margin: 20px 0 0 26px;}
div#column2 p {font-size:.8em; margin:0 30px 1em ;}
div#column3 p {margin: 20px 10px 0 10px;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {height: 1%;}
.clearfix {display: block;}
</style>Code : Tout sélectionner
</head>
<body BGCOLOR=#000000>
<div id="mainwrap">
<div id="header"><p><Img src="/image/cadre.jpg" border=0 height=160px WIDTH=780px></img></p></div>
<div id="contentarea" class="clearfix">
<div id="contentarea2" class="clearfix">
<div id="column2">
<p>bla bla bla</p>
</div>
<div id="column1">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
<div id="column3">
<p><form method="post" action="*******.php5">
<p>
<label for="nom">Pseudo : </label>
<input type="text" name="pseudo">
</p>
<p>
<label for="motdepasse">Mot de passe : </label>
<input type="password" name="motdepasse">
</p>
<p>
<input type="submit" value="s'identifier">
</p>
</form></p>
</div><! column3-->
</div><!- contentarea2-->
</div><!- contentarea-->
<div id="footer">This is the footer</div>
</div><!mainwrap-->
</body>Si vous pouvez m'aidez sa serait gentil merci
