L'altezza del div non si adatta al contenuto
alan.shore
ho il seguente codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/main.css">
</head>
<body>
<div id="corpo">
<div id="testa"></div>
<div id="contenuto">
<div id="nav">
<a href="#">Homepage</a>
<a href="#">Homepage</a>
<a href="#">Homepage</a>
<a href="#">Homepage</a>
</div>
<div id="pippo">
<p>test<br>test<br>test</p>
</div>
<div class="clearfix"></div>
</div>
<div id="piede"></div>
</div>
</body>
</html>
ed il seguente css:
#corpo{
width : 895px;
margin-left : auto;
margin-right : auto;
}
#testa{
width : 895px;
height : 85px;
margin-top : 20px;
background-image : url('../img/corpo_testa.png');
background-position : left top;
background-repeat : no-repeat;
}
#contenuto{
position : relative;
height : auto;
width : 895px;
background-image : url('../img/corpo_corpo.png');
background-position : left top;
background-repeat : repeat-y;
}
#piede{
width : 895px;
height : 39px;
background-image : url('../img/corpo_piede.png');
background-position : left top;
background-repeat : no-repeat;
}
#contenuto #nav{
position : relative;
float : left;
width : 250px;
}
#contenuto #pippo{
position : relative;
float : left;
width : 600px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
#nav a:link, #nav a:visited
{
font-size: 15px;
display: block;
padding-top: 19px;
padding-right: 45px;
padding-bottom: 19px;
padding-left: 45px;
margin-top: -10px;
color: #43433e;
text-decoration: none;
right: 11px;
}
#nav a:hover, #nav a:focus {
background-color: transparent;
background-image: url(../img/nav.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 0pt;
color: #ffffff;
left: -10px;
padding-top: 19px;
padding-right: 18px;
padding-bottom: 19px;
padding-left: 40px;
margin-top: 0px;
}
</fine codice css>
Quando apro il file index.html nel browser (sia explorer 7 che
Firefox) l'altezza del div "contenuto" non si adatta al contenuto
stesso, lasciando che il testo vada in overflow rispetto al div....
Qualcuno pu� aiutarmi?
Grazie
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente
alan.shore
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
On 3 Gen, 19:30, "alan.shore" <lello.delb...@gmail.com> wrote:
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
--