lo he provado todo y mas o menos me funciona
pero ahora si en la capa Menu es mas alta se sobre pone
Código PHP:
<body>
<div id="container" align="center">
<div id="capcalera">hola caracola
</div>
<div id="cos">
<div id="menu" class="menu">
<p>menu menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p> </p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menumenu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p>menu menu</p>
<p> </p>
<p> </p>
</div>
<div id="contingut" class="contingut">adsfasdfads</div>
</div>
<div id="peu">
</div>
</div>
</div>
</body>
css
Código PHP:
body {
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
}
#container {
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#container #capcalera {
font-family: "Times New Roman", Times, serif;
height:100px;
border:1px solid #006600;
margin-bottom:5px;
}
#container #cos{
font-family: "Times New Roman", Times, serif;
height:500px;
border:1px solid #006600;
padding:5px;
overflow:visible;
}
#container #peu {
font-family: "Times New Roman", Times, serif;
height:45px;
border:1px solid #006600;
margin-top:5px;
background-color: #CEFFCE;
}
#container #cos #menu {
font-family: "Times New Roman", Times, serif;
float: left;
width: 20%;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 2px;
border: 1px solid #CCCCCC;
overflow: auto
}
#container #cos #contingut {
font-family: "Times New Roman", Times, serif;
float: right;
width: 79%;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
border: 1px solid #CCCCCC;
overflow: auto;
}