Newsgroup: it.comp.www.html
Titolo: Div a tutta pagina

Salve a tutti,
se voglio dividere la pagine in tre parti in modo da avere
- la prima con l'intestazione in alto
- la seconda con il corpo in mezzo
- la terza con la chiusura in basso
in modo che venga utilizzata tutta la pagina
con le tabelle la cosa è facile
ma con i CSS e i DIV come fare?

 Salve a tutti,
Ciao

Secondo me risulta realizzare ciò che ti serve con i div & css che con le
tabelle... guarda:
-------------COPY CODE--------------------
<html>
<head>
<title> Pagina Div & Css</title>
<style>
body{
margin:0;
}
#sopra{
width:100%;
height:50px;
padding:5px;
font-size:12px;
font-family:verdana,arial,sans-serif;
color:#000;
background-color:#ccc;
border-bottom:1px solid #000;
}
#mezzo{
width:100%;
height:200px;
padding:5px;
font-size:12px;
font-family:verdana,arial,sans-serif;
background-color:#fff;
color:#000;
border-bottom:1px solid #000;
}
#sotto{
width:100%;
height:50px;
background-color:#ccc;
padding:5px;
font-size:12px;
font-family:verdana,arial,sans-serif;
color:#000;
}
</style>
</head>
<body>
<div id="sopra">
</div>
<div id="mezzo">
testo testo testo testo
</div>
<div  id="sotto">
sotto sotto sotto sotto
</div>
</body>
</html>
-------------FINE COPY CODE--------------------
Quello sopra è solo un piccolo esempio (che purtroppo non ho testato, quindi
scusa eventuali errori) di ciò che puoi realizzare con DIV & CSS...
Leggi qui per layout più elaborati:
http://www.constile.org/template/nuovo_layout_a_tre_colonne/
Ciao
Guido ;-)

 ha scritto nel
messaggio news:lwfJb.31052$VW.14...@news3.tin.it...
| > in modo che venga utilizzata tutta la pagina
Intendeva dire,penso, che voleva occupare al 100% l'altezza in
caso la lunghezza del testo lo consentisse, e così mi sembra già più
difficile riuscirci.
Bye Cico

 Bye Cico
Guido ^^

 ha scritto nel
messaggio news:kcgJb.31246$VW.14...@news3.tin.it...

Così facendo invece, compare la barra di scroll xchè si và oltre le
dimensioni del browser.(Ie 5.5 opera 6.01), almeno che imposto tutte le
height in percentuale(10%,80%,10%) ed allora funziona con ie ma non opera
6.01.
Bye

 6.01.
quasi quasi uso le tabelle
...e non venitemi a parlare di tableless
vale solo a complicarsi la vita
direi quasi: "ufficio complicazioni affari semplici"

--> Nick73 <--, in data 02/01/2004 17.43, ha occupato banda con questi byte:

Non e' assolutamente vero. E' risaputo che Opera 6.01 e' pieno di bug 
tanto e' vero che ne usci' quasi subito una versione riveduta e corretta 
(7.x). Il problema dell'apparizione di barre di scorrimento in alcuni 
browser ed in altri no, dipende unicamente dagli UserAgent e non dai 
CSS. Se vuoi provare il codice, non utilizzare IE (soprattutto da 
solo!), ma piu' browser contemporaneamente: Mozilla 1.5, Opera 7.2x e IE 
6. Se hai anche un MAC utilizza anche i browser per questo OS.
-- 
Spirito Libero
Siamo tutti un po' abusivi a questo mondo...
(Non mettere il sale se vuoi rispondermi!)

 Spirito Libero
Guido

 ha scritto nel messaggio
news:GphJb.38305$_P.16...@news4.tin.it...
|E' risaputo che Opera 6.01 e' pieno di bug
Dopo avernelette di ogni,mi sono deciso ed ho appena finito di scaricare la
versione 7.23 .........che è meglio :))
| Il problema dell'apparizione di barre di scorrimento in alcuni
| browser ed in altri no, dipende unicamente dagli UserAgent e non dai
| CSS.
Ovvio, però penso sia meno incasinato ottenere certi risultati con l'uso di
tabelle piuttosto che con div.
Bye Cico

 Bye Cico
