il mio problema:
ho una pagina in cui n box principali potrebbero contenere n box ciascuno, di height variabile.
ho schematizzato cosi':
-----------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#contenitore1{
position:relative;
width:500px;
height:auto;
left: 0;
top: 0;
background-color: #CCCCCC;
}
#contenitore2{
position:relative;
width:500px;
height:auto;
left: 0;
}
#contenitore3{
position:relative;
width:500px;
height:auto;
left: 0;
background-color: #339999;
}
#ripeto{
margin-top:10px;
position:relative;
width:100px;
height:auto;
top:10px;
background-color:#FF9900;
border:2px solid #000000;
}
-->
</style></head>
<body>
<div id="contenitore1">
<h1> box1 </h1>
</div>
<div id="contenitore2">
<div id="ripeto">
box2_1: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</div>
<div id="ripeto">
box2_2: bla bla bla bla
</div>
<div id="ripeto">
box2_3: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</div>
</div>
<div id="contenitore3">
box3
</div>
</body>
</html>
-----------------------------------------------
mi sapreste dire perche' il contenitore 3 e' troppo in alto ? mi sembra di capire che il browser tenga conto della height del contenitore2, ma non delle variazioni apportate dai vari box inclusi in essa (margin ecc..)
sono fuori strada?
mi sapreste consigliare ?
grazie
Rispondi quotando
