layout senza tabelle

[wergax]

Ciao, ho letto un tutorial (di cui vi riporto qui il link http://editor.html.it/articoli/leggi...eamweaver-8/1/ ) in cui si parla del layout di una pagina senza l'utilizzo di tabelle ma solo di div.
Come potete leggere nella terza pagina dell'articolo, anche ai div (come per le normalissime celle di una tabelle) possono essere impostate delle dimensioni...e se queste non vengono messe il div si adatta alle dimensioni della pagina...

Il mio quesito nasce dal provare ad aggiungere un ulteriore div a quello dello esempio citato, per esempio uno lungo tutto il fondo nella pagina ne l quale ci scritto per esempio "©Cpyright ecc ecc Webmaster ecc ecc" e di farsi che quello che viene chiamato #corpo_pagina si adatti verticalmente alla grandezza della pagina...

Ora, stando al fatto che i Div hanno bisogno di valori di posizione x,y come faccio a dare la posizione al mio ultimo div con scritto "© Copy..." non sapendo quanto alto risulterà il #corpo_pagina come posso dargli una posizione? e possibile mette nei valori della posizione una cosa simile ad una somma di varibili tipo "varibilie_altezza_corpo_pagina"+"valore_che_vogli o_mettere??"

ciao ciao

massi

[Kreatore]

no so da dove ti arrivi l'obbligo di dare ai div una posizione.

Non ho letto l'articolo.... comunque i div non sono nientaltro che tag utili per DIVersificare le DIVerse sezioni di una pagina.
Se per ipotesi creassi una pagina con il seguente foglio stile

<style>
div#testa{height:100px;}
div#corpo{height:500px;}
div#piede{height:100px;}
</style>

e crei una pagina con questa serie di div(che di solito è la struttura classica):

<div id="testa">Testa</div>
<div id="corpo">Corpo</div>
<div id="piede">Piede</div>

Ti ritroverai con una pagina con degli elementi alti complessivamente 700px.
Il piede si posizionerà subito sotto al corpo. Indipendentemente la sua altezza. Puoi provare ad aumentare o diminuire le dimensioni del corpo per vedere.

[wergax]

già se conosci l'altezza del div corpo...ma se non la conosci? per esempio xkè vuoi che si adatti alla pagina? la necessità di dare una posizione ai div deriva dal fatto che (come indica il tutorial linkato) non si non solo div uno sotto l'altro..la anke affianti lungo una "riga" per intendersi..quindi non basta dirgli "tu sei dopo di questo"...
:master:

[Kreatore]

anche se non assegni al div corpo nessuna altezza i div seguenti si posizioneranno dopo. Perchè il corpo assumerà l'altezza impostagli da ciò che contiene.

Se invece vuoi obbligare tre div come i precedenti, ad occupare tutto lo schermo per altezza, devi lavorare in percentuali. Ipotizziamo:testa 20 copro 70 piede 10%

[wergax]

come faccio a far centrare un div nella pagina?? in pratica quello che per le tabelle era "align" e "valign"??

[Kreatore]

per quanto riguarda la linnea orizzontale
puoi assegnare al body un align:center; ed al div un margin: 0 auto;

per l'altezza se hai dimensioni fisse nel div, dividi questo a meta e calcoli la perventuale,. che so
margin-top:47%

[wergax]

si ma se poi utilizzi una risoluzione diversa la percentuale cambia essendo l'altezza del div fissa..