Impaginazione con stili problema footer

[pattolo]

la colonna + alta di sicuro e' quella con i contenuti...

[span]

Cancella da div#footer:

position: absolute;
bottom: 0px;
left: 30%;

Poi te lo devi mettere a posto

[pattolo]

è quel mettere a posto che nn capisco come....

[span]

Originariamente inviato da pattolo
è quel mettere a posto che nn capisco come....

:gren:

metti <div id="footer"> prima della chiusura di <div id="container">, così il footer... così i limiti del footer saranno dati da quelli del container

[pattolo]

si ok... ma cosi' il footer nn rimane SEMPRE in in fondo alla pagina del browser..... cioe' una volta sta in alto una in basso.. dipende dalla lunghezza della pagina giusto?

[pattolo]

ok ultimissimo problema...

ho risolto tutto solo che con opera la grafica risulta leggermente sballata... ma il vero problema e' che se metto il bordo ai div la grafica si aggiusta come lo levo torna a nn andar bene.. ad esempio tra il top e il menù top lascia qualche px di spazio e questo crea un piccolo sfasamento dell'altra grafica...


questo ripeto lo fa solo con opera.. e sembra che vi sia tra i due div un altro div che faccia da separatore quando in realtà non c'e' infatti con ie, netscape e mozilla funziona tutto alla perfezione

[span]

Originariamente inviato da pattolo
si ok... ma cosi' il footer nn rimane SEMPRE in in fondo alla pagina del browser..... cioe' una volta sta in alto una in basso.. dipende dalla lunghezza della pagina giusto?

sì... credevo che volevessi ottenere quello

passa il codice...

[pattolo]

/* CSS Document */
html,body{margin:0; padding: 0}

body{
    text-align: center;   /*centra in IE 5.x */
	}

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{
 position: absolute;
 bottom: 0px;
 text-align:center; 
 padding: 5px 0;
 background-color: #69c; 
 color: #000;
 left: 30%;
}

.clear {
 clear: both;
 border: none;
}
	


		
a.left:link{ 
	text-decoration: none;
	color:#FFFFFF;
	}

a.left:visited{
	text-decoration: none;
	color:#FFFFFF;
	}

a.left:hover{
	text-decoration: none;
	color:#FFFFFF;
	}

a.top:link { 
	text-decoration: none; 
	color:#ffffff; 
	font-size:145%; 
	font-family: times new roman;
	}

a.top:visited { 
	text-decoration: none; 
	color:#ffffff; 
	font-size:145%; 
	font-family: times new roman;
	}

a.top:hover { 
	text-decoration: underline; 
	color:#ffffff; 
	font-size:145%; 
	font-family: times new roman;
	}

questo era il css

mentre questo e' il "codice" struttura della pagina

<div id="container">
  <div id="header">
     -top-
  </div>
  <div id="downheader">
   -menu up-
   <div class="clear"></div>
  </div>
  <div id="content">
  -contenuto centrale-
   <div class="clear"></div>
  </div>
  <div id="navigation">
   -menu sx-
   <div class="clear"></div>
  </div>
  <div id="extra">
  -menu dx-
   <div class="clear"></div>
  </div>
   <div class="clear"></div>
   <div id="footer">
 --devo metterlo sotto a tutto in fondo alla pagina...--
</div>
   </div>

ora il problema con opera della spaziatura si presenta tra il div header e il downheader mentre con gli altri browser funziona tutto

[span]

io lo vedo uguale anche con opera.... che versione hai? io la 7.20

intanto.... tutti quei <div class="clear"> </div> li puoi anche cancellare che non servono

[pattolo]

di opera ho la versione 7.23..


cmq ti mando via pm il link al sito magari con le immagini etc lo vedi anche tu sballato