Salve a tutti,
ho provato a genereare da layout-o-matic una pagina con header, footer e tre
colone di cui due per menu ed una per il contenuto.
Il codice generato lo posto qui sotto per maggior chiarezza. La mia domanda
è questa, se io inserisco un testo, lungo diverse pagine, nell'id #content
il colore di background di quella sezione si espande fino alla fine del
testo, cosa che invece non fanno i due menu sidebar-a e sidebar-b. Esiste un
tag o una proprietà da specificare nel codice css dei due menù che in
definitiva ne agganci la lunghezza alla barra footer?
Ciao e grazie
Alessandro
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator"
content="http://www.inknoise.com/experimental/layoutomatic.php" /> <style
type="text/css">
#container {
width: 760px;
\width: 780px;
w\idth: 760px;
border: 1px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#banner {
padding: 5px;
margin-bottom: 5px;
background-color: rgb(213, 219, 225);
}
#content {
padding: 5px;
margin-left: 215px;
margin-right: 215px;
background-color: gray;
}
#sidebar-a {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-right: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}
#sidebar-b {
float: right;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-left: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}
#footer {
clear: both;
padding: 5px;
margin-top: 5px;
background-color: rgb(213, 219, 225);
}
</style>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="sidebar-a"></div>
<div id="sidebar-b"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>
Rispondi quotando
