[CSS] posizionamento div

[marruz]

per realizzare il layout "classico" con top (div top), corpo (div corpo) contenente due colonne (div 1, per il menu, e div 2, per il contenuto principale della pagina) e un piede (div piede) come occorre procedere?

usando le info raccolte consultando guide e tuorial riesco ad ottenere qualcosa accettabile, ma con qualche difetto che mi infastidisce.
la struttura dell'html che utilizzo è, più o meno, la seguente:

div TOP (POSITION:RELATIVE)

div CORPO (contiene le colonne 1 e 2 ed ha position relative)
-div 1 (interno a corpo, position absolute)
-div 2 (interno a corpo, position static, con margin-left corrispondente al width di div 1)

div PIEDE (position relative)

il tutto funziona... finché la colonna div 2 è quella con la maggior quantità di "contenuti". In caso contrario i contenuti della colonna div 1 "escono" ed il div piede va a sovrapporsi al div 1 (posizionato in modo assoluto rispetto a corpo).

Qual è il modo corretto per sistemare le colonne div 1 e div 2 in modo da risolvere questo problema?

[hjk]

[B]

il tutto funziona... finché la colonna div 2 è quella con la maggior quantità di "contenuti". In caso contrario i contenuti della colonna div 1 "escono" ed il div piede va a sovrapporsi al div 1 (posizionato in modo assoluto rispetto a corpo).

e' proprio cosi' che funziona questo tipo di layout.
Non piace neanche a me, forse perche' ho in mente ancora
quelli con le tabelle.

www.constile.org , qui puoi trovare un articolo
sull'argomento.


Ciao.

[marruz]

Originariamente inviato da hjk
e' proprio cosi' che funziona questo tipo di layout.
Non piace neanche a me, forse perche' ho in mente ancora
quelli con le tabelle.

www.constile.org , qui puoi trovare un articolo
sull'argomento.


Ciao.

constile lo conosco, anzi... è proprio da lì che sono partito


Ma quindi, vedo che hai compreso perfettamente il mio problema, non c'è modo di arrivare alle due colonne affiancate come si faceva con le tabelle?

[kkriminale]

prova ad usare float al posto di position.

[hjk]

ciao,

come ti ha detto kkriminale puoi risolvere
con float.

Anch'io ho usato float per due
riquadri nei quali inserire informazioni
da avere in primo piano, tutto procede bene
salvo un piccolo particolare:

i due box-float si trovano in un contenitore "wrapper" che
a sua volta si trova in un contenitore che e' la colonna
di destra di 2 colonne
inserite in un altro contenitore.

Nel momento in cui cerco di dare un background-color
ad uno qualsiasi dei contenitori
il contenuto dei 2 box-float viene coperto da questo colore.
Cio' accade con IE, con MOZ e OPERA e' invece tutto ok.

Per il momento ho risolto sostituendo i due box-float
con una tabella da due colonne (non me ne vogliano
i puristi del CSS).

A questo link puoi trovare un layout
sufficientemente complesso e che utilizza
anche 2 box in float:
http://www.positioniseverything.net/...olcomplex.html


Ciao.

[marruz]

era proprio quello! :metallica

kkriminale e hjk... grazie mille!!