Newsgroup: it.lavoro.professioni.webmaster
Titolo: CSS e footer stupido...

ciao a tutti,
stasera ero a casa e stavo disegnando un sito per testare le mie capacità 
con i css che sto studiando da qualche giorno.
Dopo aver preparato gli elementi ho iniziato con il montaggio.
Alla fine, in 4 ore getto la spugna, disperato...
Ma perchè, con il codice che incollo sotto, il footer, che dovrebbe essere 
in fondo a tutto (secondo a quando ho imparato), con IE è giusto ma con 
firefox no?? Ho messo il colore di background rosso per capire meglio, ma 
perchè il fondo rosso inizia sotto il div barra superiore...
Mi sta facendo impazzire...
In certe prove (milllleee) a volte, il testo contenuto nel footer si 
affiancava alla colonna dx..
incollo il codice dannato.
grazie per chi vuole chiarire questo dilemma.
Ciao ciao
----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">
<!--
html {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body {
background-color: #D9D9D9;
margin: 0px 0px 0px 0px;
background-position: center;
font-family:Arial, Helvetica, sans-serif;
}
#contenitore {
margin-top:0px;
width:780px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
#barrasuperiore {
margin-top:0px;
width:780px;
margin-left:auto;
margin-right:auto;
}
#colonnasx {
float:left;
margin-top:0px;
width:240px;
background-color:#DFDFDF;
}
#colonnadx {
float:left;
margin-top:0px;
width:500px;
background-color:#ffffff;
padding:25px 5px 5px 25px;
}
#footer {
width:780px;
background-color:#ff0000;
}
-->
</style>
</head>
<body>
<div id="contenitore">
<div id="barrasuperiore">
<h1>Barra grafica</h1>
</div>
<div id="colonnasx">
menu di navigazione<br />
home page<br />
voce menu<br />
voce menu<br />
</div>
<div id="colonnadx">
<h3>TITOLO TITOLO</h3>
Welcome to the Profile Center. Here you manage your information, your 
contact preferences, and subscribe to available Microsoft communications. To 
begin, select one of the Topic Headings or Quicklinks below. You may also 
choose a Help topic located on the navigation bar on the left.  <br>Welcome 
to the Profile Center. Here you manage your information, your contact 
preferences, and subscribe to available Microsoft communications. To begin, 
select one of the Topic Headings or Quicklinks below. You may also choose a 
Help topic located on the navigation bar on the left. Welcome to the Profile 
Center. Here you manage your information, your contact preferences, and 
subscribe to available Microsoft communications. To begin, select one of the 
Topic Headings or Quicklinks below. You may also choose a Help topic located 
on the navigation bar on the left. <br>
Welcome to the Profile Center. Here you manage your information, your 
contact preferences, and subscribe to available Microsoft communications. To 
begin, select one of the Topic Headings or Quicklinks below. You may also 
choose a Help topic located on the navigation bar on the left. Welcome to 
the Profile Center. Here you manage your information, your contact 
preferences, and subscribe to available Microsoft communications. To begin, 
select one of the Topic Headings or Quicklinks below. You may also choose a 
Help topic located on the navigation bar on the left. Welcome to the Profile 
Center. Here you manage your information, your contact preferences, and 
subscribe to available Microsoft communications. To begin, select one of the 
Topic Headings or Quicklinks below. You may also choose a Help topic located 
on the navigation bar on the left.
</div>
<div id="footer">
Qui il mio indirizzo<br />
via<br />
citta
</div>
</div>
</body>
</html>

 affiancava alla colonna dx..
A prima vista mi sembra che manchino le informazioni per il
posizionamento dei div
Ricordo che hai quattro tipi di posizionamento:
static
relative
absolute
fixed
inoltre devi dare le coordinate:
#miodiv{
position:fixed;
top:20px;
left:40px
}
ecc..
osserva bene i link seguenti:
http://www.barelyfitz.com/screencast/html-training/css/positioning/
http://www.brainjar.com/css/positioning/

 }
In ogni caso per il tuo problema prova così:
#footer {
/*puoi mettere anche clear:both per il tuo caso basta left*/
clear:left;
width:780px;
background-color:#ff0000;
}
Ciao
Francesco


Impostare margin in questo modo per il div #barrasuperiore è
inutile, dato che il div sta dentro contenitore.
E' contenitore che viene centrato tramite i margini automatici,
barrasuperiore non deve fare altro che occupare tutto lo spazio di
contenitoro.
Ti funziona  il centramento del contenitore con ie5? mi sa che dovresti
applicare un text-align:center; al body, e poi correggerlo dentro a
contenitore con un text-align:left;.
Prova a verificare, ma se non ricordo male con ie5 non funziona il
giochetto dei margini automatici e per centrare il div bisogna allineare
il testo al centro.
 Per la larghezza del contenutitore, se
quella che ti interessa come risoluzione minima è 800x600 io terrei 760px
come limite (solitamente uso questo valore) non mi ricordo come e perchè,
ma mi ricordo che con 780 qualche barra di scorrimento "sforava".
Ciao

Ciao,
ma essendo un footer non posso sapere le coordinate.. è sempre sotto tutto..
no?
Garzie


 come limite (solitamente uso questo valore) non mi ricordo come e perchč,


 no?
Ovviamente, il footer così com'è intesto solitamente deve spostarsi a
seconda della lunghezza della pagina, per cui, solitamente, non gli si
imposta una posizione fissa.
Hai provato con il clear come ti ho suggerito? dovresti risolvere.
Ciao
Francesco

 Garzie
Puoi usare coordinate relative.

 Ciao e grazie
E' la traduzione delle specifiche CSS, per cui è molto complesso,
specialmente per quel che riguarda i float.
Quella dovrebbe essere l'ultima risorsa(in realtà sarebbe meglio se
fosse la prima, visto che dovresti conoscere bene le specifiche), nel
senso che spesso trovi più velocemente soluzioni in altri modi e tramite
altri canali, se sei ridotto a studiarti le specifiche per un problema
particolare deve essere un problema molto strano(altrimenti trovi qualche
documento in giro che ti permette di risolvere anche senza le
specifiche...beata ignoranza :D)
Tutto questo per dirti di non perderci le notti, io ho scritto i miei
primi css senza aver mai letto le specifiche, quindi puoi farlo anche te.
In ogni caso andrebbero conosciute, quindi se ci butti un'occhio ogni
tanto non ti fa male.
Ciao
Francesco