Home Page
Articoli
Tips & Tricks
News
Forum
Archivio Forum
Blogs
Sondaggi
Rss
Video
Utenti
Chi Siamo
Contattaci
Username:
Password:
Login
Registrati ora!
Recupera Password
Home Page
Stanze Forum
HTML, Javascript, CSS, DHTML, XHTML
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 !