Impaginazione con stili problema footer

[pattolo]

ciao a tutti.. ho letto la guida di come fare impaginazione con layout a 3 colonne... ora sto modificando un sito prima costruito con l'ausilio di tabelle ora invece solo con div e css.

il mio problema e' che nn riesco a posizionare il footer a fine pagina browser.. anzi ogni tanto va sopra i div laterali o parte da un punto "a caso"


la mia struttura pagina e' questa

  
<div id="container">
  <div id="header">
    --ho il titolo--
  </div>
  <div id="downheader">
   --menu sotto titolo--
  </div>
  <div id="content">
   --contenuto sito--
  </div>
  <div id="navigation">
   --menu sinistra del sito a fianco del contenuto-- 
  </div>
  <div id="extra">
   --menu destra del sito a fianco del contenuto--
  </div>
  <div id="footer">
   --devo metterlo sotto a tutto in fondo alla pagina...--
  </div>
</div>

cmq link del sito sarei + propenso a darlo in sede privata se dovrebbe servirvi... se potete magari contattarmi su icq 96301822

oppure se sapete gia' darmi qua soluzione ve ne sarei grato

[Francis87]

che stili applichi a questa struttura?

[pattolo]

i due menu laterali stanno in position: absolute gli altri senza position...

(è il mio primo lavoro con i css cosi' quindi puo' darsi anche che mi sia sbagliato a farlo...)

div#container{
    width: 775px;
    margin: 0px auto;   
    text-align: left;  
	position: relative;
    font-size: 76%;
	} 

div#header{
	width: 775px;
	height: 95px
	}
	
div#downheader{
	width: 775px;
	height: 73px;

	left: 0;
    top: 95px; 
	background-image: url(images/down_header.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
	color: #FFFFFF;
	padding: 0em 0 0 0px
    }

div#navigation{
	position: absolute;
	left: 0;
	top: 168px;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 0em 0 0 0px
	}
	
div#extra{
	position: absolute;
	right: 0;
	top: 168px;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 0em 0 0 0px
	}
	
div#footer{
	text-align:center; 
	padding: 5px 0;
    background-color: #69c; 
	color: #000
	}

[Francis87]

già così è sotto a tutto.
lo vuoi attaccato al margine in fondo?

[pattolo]

ma in verità nn mi sta sotto a tutto.. e cmq si mio intento sarebbe metterlo in fondo al margine

[Francis87]

prima che tu modificassi il css qua, FUNZIONAVA.
modificato non funziona più

[pattolo]

emh a me nn va

[pattolo]

il mio css e' questo

div#container{
    width: 775px;
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
	position: relative;
    font-size: 76%;
	} 

div#header{
	width: 775px;
	height: 95px
	}
	
div#downheader{
	width: 775px;
	height: 73px;

	left: 0;
    top: 95px; /*l' altezza dell' header*/
	background-image: url(images/down_header.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
	color: #FFFFFF;
	padding: 0em 0 0 0px
    }

div#navigation{
	position: absolute;
	left: 0;
	top: 168px;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 0em 0 0 0px
	}
	
div#extra{
	position: absolute;
	right: 0;
	top: 168px;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 0em 0 0 0px
	}
	
div#content{
	margin: 0 170px;
	padding: 1em 10px;
	}

div#footer{
	text-align:center; 
	padding: 5px 0;
    background-color: #69c; 
	color: #000;
	clear: right
	}

[Francis87]

Originariamente inviato da pattolo
emh a me nn va

con questo nuovo codice no, ma prima andava sia con IE che con Mozilla. quindi funzionava.
ripiglia quel codice, va!

[Francis87]

ecco. QUESTO codice che hai postato funziona.
il footer sta sotto gli altri elementi. se è questo ke vuoi funziona!