tanto per farvi capire, ecco un semplcie listato che crea una videata con 5 colonne DIV verticali affiancate e un rettangolo blu nel DIV centrale:
Il rettangolo blu scende oltre il fondo dello schermo, dato che la height di container è 100%. Se però vorrei che anche il container contenga tutto il riquadro blu in teoria dovrei usare height: auto nella definizione di html, body,#container, ma non funziona!Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
html, body, #container {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
border: 0;
}
.sx1 {
float: left;
top: 0px;
width: 5%;
height: 100%;
background-color: red;
}
.sx2 {
float: left;
top: 0px;
width:10%;
height: 100%;
background-color: green;
}
.centrale {
float: left;
margin: 0px auto;
top: 0px;
width:70%;
height: 100%
}
.alto {
float: left;
top: 300px;
width:30%;
height: 120%;
background-color: blue;
}
</style>
</head>
<body>
<div id="container">
<div class="sx1"></div>
<div class="sx2"></div>
<div class="centrale"><div class="alto"></div></div>
<div class="sx2"></div>
<div class="sx1"></div>
</div>
</body>
</html>
Pertanto come posso fare in modo che l'altezza height del container si adatti perfettamente al height del riquadro blu?
lo chiedo perchè ho a che fare con una tabella mysql dinamica che spesso e volenieri "deborda" in basso sullo schermo!
Rispondi quotando
