footer fuori da container? ie7 si ff no

**zip-zap** · 17-01-2008, 17:38

Ciao , ho un problema con ff, se posiziono il footer fuori dal contenirore page non mi visualizza piu l'immagine di background che sta in page, su ie invece si vede
<div id="page">
</div>
<div id="footer">
</div>
se invece chiudo page dopo footer appare l'immagine di bg. di page ma non posso avere un immagine di footer piu larga delle dimensioni di page, (che è quello che vorrei ottenere) ho visto siti dove il risultato lo ottenevano chiudendo page prima del footer, a me proprio non riesce...
bo forse usano javascript

codice:

#page {

	margin: 0px auto;

	width: 760px;

	background: url(images/content-bg.gif) repeat-y;
}

codice:

#footer {
	margin: 0px auto;

	width: 904px;

	clear: both;

	background: #048DB4 url(images/footer-bg.gif) no-repeat bottom;

	color: #ACD7EE;

	font-size: 95%;

	line-height: 130%;
	position: relative;
}

**Mich_** · 17-01-2008, 18:09

Ne sparo una (statisticamente valida, ma che non trova ragione nella tua spiegazione)

Prova a mettere il clear in un blocco prima di chiudere il primo contenitore (o vedi come consiglia la pillola di fcaldera sul clearing).

**zip-zap** · 21-01-2008, 20:30

ciao grazie dell'aiuto, alla fine ho risolto

ho provato qualche centinaio di soluzioni poi è andata, ancora non so bene come ma ora tutto funziona su ie 6 7 ff e opera.
(per ie 7 ho dovuro usare questo fix http://ryanfait.com/sticky-footer/ per riportare il footer a fondo pagina)
posto parte drl css e html, magari può servire ad altri, e magari qualcuno mi dice se c'è da pulire qualcosa.
css:

codice:

#container {

	margin: 0px auto;
	background: url(images/content-bg.gif) repeat-y center top;
	padding: 0px 0px 0px;
	clear: both;

}
#content-wrap {
  
  	margin: 0 auto;
	width: 942px
	padding: 0px 0px 0px;
	position: relative;
	clear: both;
}
#top {
  
	margin: 0 auto;
	background: url(images/top-bg.gif) no-repeat center top;
	height: 523px;	
	width: 942px;
	position: relative;
	padding: 0px 0px 0px;
	z-index: 100;
	clear: both;
}

#page {
	
	position: relative;

	margin: 0px auto;

	width: 760px;

e l'html:

codice:

<body>
  <div id="header">
  </div>
  <div id="container">
    <div id="content-wrap">
 	<div id="top">
            <div id="page">
            </div>
        </div>
    <div class="push"/>
    </div>
  </div>
  <br class="clearall"/>
  <hr class="clear" />
    <div id="footer">
      <div id="footer-wrap">
      </div>
    </div>
  </div>
</body>

ciao!

Discussione: footer fuori da container? ie7 si ff no

Strumenti discussione

Ricerca discussione

Visualizza

footer fuori da container? ie7 si ff no

risolto!

Permessi di invio