Dimensionare un div container

giovedì 11 gennaio 2007 - 08.45

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

vpanta Profilo | Senior Member

202 messaggi | Data Invio: gio 11 gen 2007 - 08.45

Ciao a tutti, ho realizzato il seguente layout
body
{
margin: 0;
padding: 0;
height: 99.5%;
width: 99.5%;
font-family: Verdana;
font-size: 10pt;
text-align: left;
}

div#container
{
position:relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 1px solid black;
text-align: left;
color: #ffffff;
background-color: #0066ff;
}

div#header
{
width: 100%;
height: 20px;
font-size: 18pt;
vertical-align: middle;
text-align: center;
font-weight: bold;
font-style: italic;
color: #99ffff;
background-color: #3300ff;
}

div#content
{
width: 100%;
height:auto;
bottom:20px;
padding: 0;
text-align: left;
}

div#footer
{
clear:both;
position:absolute;
width: 100%;
height: 20px;
bottom: 0;
margin: 0;
padding: 0;
text-align: left;
font-size: 10pt;
background-color: #000000;
vertical-align: middle;
color: #ffffff;
}

Quello che vorrei che il div#content abbia come altezza lo spazio necessario ad occupare la rimanente parte del div#container, una cosa del tipo 100% - lo spazio occupato dal div#header.
Come posso fare se imposto div#container height : 100% succede che la pagina diventi + lunga di quello disponibile, perchè ?
Ciao

koolmind Profilo | Junior Member

78 messaggi | Data Invio: ven 1 giu 2007 - 10.31

Purtroppo è capitato anche a me per un progetto di lavoro. Non si può fare! o meglio, si può fare se consideri il sito ottimizzato per una certa risoluzione e non lo tocchi più... senza nemmeno ridimensionare la finestra e aprendolo sempre con lo stesso browser... perchè?

1) cambiando la risoluzione cambia l'altezza della pagina
2) cambiando browser cambia la larghezza della pagina (e di conseguenza, se hai un layout fluido, anche l'altezza)
3) se ridimensioni la finestra cambiano ambedue le dimensioni.

Ottimizzalo per 1024 x 768 e metti un footer che copra le eventuali magagne... funziona sempre!

koolmind
Dice il saggio: Non ci sono domande difficili, solo risposte che non conosciamo.

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !