Salve a tutti,
ho la necessità di creare una pagina che si visualizzi al 100% della dimensione dello schermo, e fin qui ok... ma quando il corpo centrale del sito, si allunga per motivi di contenuti la struttura non segue il corretto allineamento, ed il corpo fuoriesce nonostante è stato impostato al 100%
incollo al struttura in modo che sia tutto + chiaro...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<style>
/* CSS HOME PAGE */
html {
margin:0px;
height:100%;
}
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
margin-bottom:0px;
height:100%;
margin-top:0px;
background-color: #E4E4E4;
}
#center {
margin:auto;
width:814px;
height:100%;
}
#esterno{
width:814px;
margin-left:auto;
margin-right:auto;
float:left;
height:100%;
background-image: url(img/sfondo_esterno.jpg);
background-repeat: repeat;
position:relative;
}
#container{
width:800px;
margin:auto;
height:100%;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
#header
{ position: relative;
background-color:#FF0000;
width:100%;
height:144px; /* fisso */
}
#corpo {
margin-left:auto;
margin-right:auto;
height:800px;
width:800px;
float:left;
background-color:#FFFF33;
}
#footer {
color:#333333;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#0033CC;
font-weight: bold;
text-align:right;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
padding-top:25px;
padding-bottom:3px;
padding-right:5px;
width:795px;
float:left;
position:absolute;
bottom:0px;
left:7px;
height:40px;
}
#corpo_sinistra
{
padding-top:10px;
width:550px;
float:left;
height:300px;
background-color:#FFFFFF;
}
#navigation_dx {
float:left;
width:250px;
height:50px;
margin-top:-6px;
text-align:left;
background-color:#006633;
padding: 0px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>prova</title>
</head>
<body>
<div id="center">
<div id="esterno">
<div id="container">
<div id="header">TOP<?php //importo il top?></div>
<div id ="corpo">
<div id="corpo_sinistra"> pagina principale<?php //questa struttura cambia l'altezza in base algli oggetti stampati dalle query?></div>
<div id="navigation_dx">
MENù<?php //questa struttura cambia l'altezza in base algli oggetti presenti nel munù di navigazione?></div>
</div>
<div id="footer">BOTTOM<?php //importo il bottom?></div>
</div>
</div>
</div>
</body>
</html>
Riuscite a capire il motivo per il quele non tiene il 100% della struttura esterna, dato che il 100% parte dall'html??
non si fa crossposting... un problema uguale a una sola discussione
