Ho una pagina di prova con 4 div..... quella che dovrei realizzare, č una pagina dove la zona centrale, definita dal DIV "TESTO" si adatti alla lunghezza del testo spostando in basso il DIV "footer"
Le ho provate tutte, ma c'č sempre qualcosa che non va bene o per FW o per IE....
La pagina di esempio č talmente semplice che mi sembra impossibile si possano trovare problemi di compatibilitą.
Come devo modificare questa pagina per ottenere l'effetto desiderato? questa č la pagina
Cosa devo modificare nei DIV ? io credevo fosse sufficente applicare posizionamenti relativi anzichč assoluti nei DIV "testo" e "footer"
Questo č il codice della pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test.jpg</title>
<meta http-equiv="Content-Type" content="text/html;iso-8859-1">
<link href="../Css/test.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#ffffff">
<div class="tutto">
<div class="header"></div>
<div class="testo"></div>
<div class="footer"></div>
</div>
</body>
</html>
Questi sono i css:
.tutto {
width: 982px;
margin: 0 auto;
text-align: center;
background-repeat: no-repeat;
}
.header {
background-image: url(../AREA_TEST/images/header.jpg);
position: absolute;
height: 192px;
width: 982px;
left: 0px;
top: 0px;
background-repeat: no-repeat;
}
.testo {
background-image: url(../AREA_TEST/images/testo.jpg);
position: absolute;
height: 181px;
width: 982px;
left: 0px;
top: 192px;
}
.footer {
background-image: url(../AREA_TEST/images/footer.jpg);
position: absolute;
height: 29px;
width: 982px;
left: 0px;
top: 373px;
}
Rispondi quotando
