Forum d'entraide PHPFrance

Bonjour, je vous ecrit car la j'avoue que je suis a bout..

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>

et voici l'organisation de ma page

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>

Je suis desolé de mettre autant de code mais javoue que la je suis perdus

Si vous pouvez m'aidez sa serait gentil merci

Salut,

Je pense que tu dois définir la hauteur (height) de tes DIV comme ceci par exemple:

div#column1 {
   width:150px;
   height: 600px;
   position: absolute;
   top:0px; left:0px;
   background-color:#ffff00;
   overflow:hidden;
   }

div#column3 {
   width:170px;
   height: 600px;
   position:absolute; 
   top:0px; right:0px;
   background-color:#cccccc;
   overflow:hidden;
   }

Forum d'entraide PHPFrance

probleme de css pour la mise en page de mon site

probleme de css pour la mise en page de mon site