[CSS] bloccare il footer

[pikkio74]

Ciao ragazzi,
sto cercando di creare un layout cross-browser con i CSS ma ho un problema.
Detto layout è a tre colonne fisso.
Quando il div contenuti è corposo non ci sono problemi, perchè il div centrale si allunga portandosi dietro la struttura laterale, ma nel caso in cui i contenuti siano pochi il footer sale e si posiziona sotto le colonne laterali

Vorrei fare in modo che anche con la pagina centrale priva di contenuti il footer rimanesse in fondo, come bloccato dalla struttura superiore.

l'Xhtml strutturato più o meno così:

container
|
|---top
|---header
|---container_2
|---left
|---middle
|---right
|---/container_2
|---footer
/container

Come si può vedere ho cercato di imbrigliare in un sotto-contenitore la colonna di dx il content e la colonna sx...ma niente.

QUESTO è il link

Grazie in anticipo a chi saprà darmi dei buoni consigli!

[robjrobj]

prova con:

#footer {
	clear: both;
	margin: 0 auto;
	padding: 12px 24px 0 24px;
}

peròil footer prova a metterlo fuori dal container

[pikkio74]

Originariamente inviato da robjrobj
prova con:

#footer {
	clear: both;
	margin: 0 auto;
	padding: 12px 24px 0 24px;
}

peròil footer prova a metterlo fuori dal container

Intanto grz per l'intervento robj.

Ho provato ad uppare il css con le modifiche da te suggerite ma la situazione è la stessa, il problema di fondo è che il contenuto centrale ha un testo impostato al 76% per questioni di accessibilità, di conseguenza il contenuto può essere ingrandito o rimpicciolito dall'utente, con IE la riduzione è limitata, mentre con mozilla non ci sono limiti.
In pratica il contenuto centrale comanda la flessibilità verticale della pagina, come è giusto che sia, però vorrei che si limitasse alla lunghezza delle barre laterali, in modo che il footer non salga, anche perchè se ho un contenuto piccolo mi ritrovo come nella situazione allegata
grz

[pikkio74]

Originariamente inviato da robjrobj
prova con:

#footer {
	clear: both;
	margin: 0 auto;
	padding: 12px 24px 0 24px;
}

peròil footer prova a metterlo fuori dal container

ops....provo ad applicare quest'ultima modifica

[pikkio74]

Originariamente inviato da robjrobj

peròil footer prova a metterlo fuori dal container

Niente da fare...il footer così si sgancia leggermente dal contenitore sx-mid-dx, ma appena rimpicciolisco i caratteri del content continua a salire e ad essere coperto dalle barre laterali :master:

Non so se può servire, ma le barre laterali contengono due immagini a dimensione skyscraper (120x600)

[carp]

fai un giro qui:
http://www.alistapart.com/articles/footers

[pikkio74]

Originariamente inviato da carp
fai un giro qui:
http://www.alistapart.com/articles/footers

Grz carp conosco alistapart, ma nessun esempio trattato fa al caso mio, insiste parecchio su javascript e io vorrei gestire tutto via CSS.

Una domanda: se io riuscissi a mettere nella zona contenuti un'immagine in background alta quanto quelle degli skyskrapers, funzionerebbe? Oppure è una soluzione "vini e olii" e c'è qualcosa di più professionale?

Accetto consigli

[pikkio74]

Originariamente inviato da robjrobj
prova con:

#footer {
	clear: both;
	margin: 0 auto;
	padding: 12px 24px 0 24px;
}

peròil footer prova a metterlo fuori dal container

Ho modificato il CSS ed ho applicato il clear...alla grande!
Grazie!

[robjrobj]

E di che
poi fammi vedere il sito sono curioso

[pikkio74]

Originariamente inviato da robjrobj
E di che
poi fammi vedere il sito sono curioso

Per il momento l'ho piazzato su uno spazio gratuito per creare un layout crossbrowser bello robusto...poi ribalterò tutto sul nuovo dominio

Ecco QUA