Salve a tutti. Ho realizzato questo layout con la parte centrale che comanda l'estensione verticale.... adesso mi trovo a dover far dimensionare le colonne di dx e sx in base a quella centrale. Ho inserito quindi il div container2 che si adatta alla colonna centrale ma non riesco proprio a fare in modo che anche quelle laterali si adattino...magari ereditando le dimensioni del container2.... qualcuno potrebbe darmi una mano? ci sbatto la testa da ben 3 giorni...
Grazie....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.container {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: static;
width: 720px;
}
.container2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: static;
width: 718px;
float: left;
background-color: #FFFFFF;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
}
.col_sx {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: static;
width: 139px;
float: left;
background-image: url(op.gif);
background-repeat: repeat-y;
}
.col_dx {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: static;
width: 139px;
height: 100%;
float: left;
}
.col_centr {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: static;
width: 578px;
height: 300px;
background-color: #FFF00F;
float: left;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
}
.header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: static;
width: 718px;
height: 100px;
float: left;
background-color: #99CCFF;
border: 1px solid #000000;
}
.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: static;
width: 718px;
height: 70px;
float: left;
background-color: #00FF00;
border: 1px solid #000000;
}
-->
</style>
</head>
<body>
<center>
<div class="container">
<div class="header">header</div>
<div class="container2">
<div class="col_sx">colsx</div>
<div class="col_centr">colcentr</div>
</div>
<div class="footer">footer</div>
</div>
</center>
</body>
</html>
