corpo e piede della pagina

[follia80]

ciao,

non riesco, sto impanzendo.

devo fare in modo che la pagina ci sia una riga di piede fissa.

ho provato e riprovato.

adesso il piede c'è ma il menu e il testo della pagina non riesco ad allinearli come posso fare.


vi metto in linea il codice è con i div.
quello che vedete nel div come style lo mettero poi in un foglio di stile.

grazie

emanuela

*******************************************
<div id="corpo" style="position:static; top:200px; width:auto; height:400px;">
<div id="corpocorpo" style="top:0px; width:770px; height:400px; text-align: left; margin: 0px auto; text-decoration: none;">
<div id="corpocontenuto" style="position:relative; top:0px; height:400px; text-decoration: none;">
<div id="corpomenu" style="position: relative; top:30px; width:280px; text-align: right; line-height: 2; text-decoration: none;">
Il Comune

Servizi al cittadino

Servizi al territorio

Tasse e tributi

Bandi e Concorsi

Eventi e news

Biblioteca e cultura

Modulistica

Pubblica istruzione





</div>
<div id="corpotesto" style="position: relative; top:30px; margin-left:320px; width:450px; line-height: 2; text-decoration: none; height:400px;">
prova



prova




prova




prova




prova

prova



prova




prova




prova




prova

prova



prova




prova




prova




prova




prova



prova




prova




prova




prova
prova



prova




prova




prova




prova


prova



prova




prova




prova




prova


</div>
</div>
</div>
</div>
<div id="piede" style="height: 40px; bottom: 5px; position: static; text-align: center; text-decoration: none; background-color: #EEEFFF;">
<div id="piedecorpo" style="top:0px; width:770px; height:40px; text-align: left; margin: 0px auto; text-decoration: none;">
<div id="piedecontenuto" style="position:relative; bottom:0px; height:40px; text-decoration: none;">
<div id="piedetesto" style="position:absolute; bottom: 5px; width:310px; height: auto; text-align: left;">
Inizio pagina
</div>
<div id="piedeloghi" style="position:absolute; bottom: 0px; width:450px; height: auto; text-align: right; margin-left: 320px;">
<a href="http://validator.w3.org/check?uri=referer">
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
</a>
</div>
</div>
</div>
</div>
</div>

[anise373]

non ostinarti ad usare i div!

[follia80]

ok, ma come faccio a posizionare i menù come voglio.

grazie

emanuela

[anise373]

perche' non usi una tabella?

[kaze]

Non ostinarti ad usare i div ???
Perchè non usi una tabella ???

Da dove vieni da proxima centauri ???

[ilduca69]

La struttura più semplice:

<div id="corpo">
......

<div id="menu">
<ul>[*]...[/list]
</div>

</div>

<div id="piede">


.....</p>
</div>

ovvero usa una lista per i menu che puoi settare con la proprietà float.
al piede darai poi la proprietà clear e il sole risplenderà

[kaze]

Perchè utilizzi tutto inline ??? :master:

E poi tutti quei BR !!!

[follia80]

scusatemi,

prima di tutto:
br erano solo una prova per inserire del testo falso di prova
ho messo tutto i linea senza usare i css per il momento, poi portero tutto in un file css.

forse non sono informata abbastanza ma mi sembra che per passare il validatore di accessibilità XHTML 1.0 Strict, non posso usare le tabelle.

di conseguenza so di certo che funziona il validatore funziona con i div.

se mi dite che posso mettere anche le tabelle ci provo.

grazie
emanuela

[ilduca69]

Considera la mia risposta precedente.

[kaze]

Le tabelle devono essere usate per lo scopo per cui sono state create quindi per incolonnare una serie di dati omogenei della stessa natura (ES. prezzi) non vanno usate per realizzare layout !!!