Newsgroup: it.comp.www.html
Titolo: Aiutino con i CSS

Buongiorno a tutti... avrei bisogno un piccolo aiutino con i CSS. Sto
realizzando per diletto un piccolo sito personale (
http://www.fabiograsso.net/
 ), il layout è abbastanza semplice: due colonne,
quella di sx più grande per i contenuti e quella di dx per il menu di
navigazione più un piccolo footer con il copyright.
Inizialmente, come mia abitudine, avevo disegnato il tutto con le tabelle.
Non mi è mai piaciuta come soluzione ma è sempre stata l'unica che sapevo
fare e quindi... ;) da tempo però mi sto documentando sui fogli di stile, e
così mi son deciso di fare il grande passo. Devo dire che effettivamente
usare i CSS è tutt'altra cosa, l'HTML è più pulito, e si può cambiare il
layout di tutto il sito cambiando un unico file (cosa che in passato potevo
fare solo usando pagine dinamiche in ASP o PHP).
Il mio problema è il seguente: con il CSS che ho creato il layout è
perfetto, tranne per un piccolo particolare: se la parte sx è corta il menu
di destra mi si va a sovrapporre al footer. In pratica il footer viene posto
alla fine della colonna di sx, mentre io vorrei che venisse posto alla fine
della colonna più lunga... esiste un modo per farlo?
La pagina è visibile su 
www.fabiograsso.net
 (come noterete l'errore c'è
sulla home, dove il testo è corto. Tutto perfetto invece nella pagina dei
links dove il testo è più lungo)
Il codice CSS che uso per l'impaginazione sono è il seguente:
#corpo {
 width:99%;
 height : auto;
 margin:1em auto;
 text-align:left;
 position:relative;
 border:none;
 text-align: justify;
}
#corpo-contenuti {
 margin:0 245px 0 0;
 border-left:none;
 border-right:none;
 background:#fff;
 padding: 1em 5px;
 height : auto;
}
#corpo-menu {
 position: absolute;
 top:0;
 right:0;
 width:240px;
 height : auto;
 padding:1em 0;
}
#piedipagina {
 width:99%;
 height : auto;
 margin:1em auto;
 text-align:center;
 background:#f0f0f0;
 border:1px solid #000;
 padding:1em 0;
}
Vi ringrazio in anticipo per l'attenzione...
Già che ci siamo... l'uso dei CSS mi sta affascinando parecchio, sapete
consigliarmi qualche buon libro (senza spendere un esagerazione, diciamo max
20 euro) per approfondire l'argomento?
Grazie infinite
--
...:: Faber ::..
"...e qualcuno dirà che c'è un modo migliore..."

 della colonna piů lunga... esiste un modo per farlo?
nell'articolo su 
alistapart.com
 l'autore suggeriva di
utilizzare javascript per tenere sempre in basso il footer.
mmmm, visto che nel tuo caso hai due colonne, perche' non flottizzi
la menu bar a la schiaffi sulla dx? tipo:
http://www.glish.com/css/1.asp
il footer va sempre sotto al blocco centrale.
ciao.
-- 
email: 
goldic...@yahoo.it
web: 
http://www.deelan.com

 
http://www.glish.com/css/1.asp
Ho dato un'occhiata, anche questa soluzione non è male. Ho fatto un
tentativo di inserirla nel sito ma da dei problemi.
Se non ci sono altre alternative vedrò di utilizzare questa
Grazie per l'interessamento,


 
http://www.glish.com/css/1.asp
sono riuscito a usare il float (prima sbagliavo xchč mettevo il div del menu
*dopo* il corpo della pagina e il browser giustamente me lo metteva a dx ma
dopo il testo ;)
Ora perņ il problema č un altro: su explorer e opera tutto ok (il footer
viene messo sotto il menu di dx) con Netscape (ho la versione 6) no, mi si
sovrappone come prima... E' un problema solo di Netscape o che tu sappia
altri browser danno lo stesso difetto?
Saluti,
--
...:: Faber ::..
"...e qualcuno dirą che c'č un modo migliore..."

 altri browser danno lo stesso difetto?
ha! mi stupisco che opera *non* si comporti come netscape.
non hai inviato il codice al quale stai lavorando ma
credo che il tuo problema sia questo:
http://www.constile.org/tips/recupero_float/
ciao.
-- 
goldicus1970 AT 
yahoo.it
http://www.deelan.com

 
http://www.constile.org/tips/recupero_float/
I love you! ;)
Funziona alla grande. Grazie mille!
