CSS background bottom

**lano** · 16-02-2011, 23:27

innanzi tutto un saluto a tutto il forum essendo il mio primo post..
Sono alle prime armi e ho un problema con lo sfondo del mio sito..
mi spiego meglio:

vorrei impostare un immagine di sfondo ripetuta sull'asse x in fondo alla pagina..e ho impostato la seguente regola css nel body:

body {
background-attachment: scroll;
background-image: url(immagini/erba.png);
background-repeat: repeat-x;
background-position: bottom;

premetto che sto usando dreamweaver, quando faccio la prova con l'anteprima del browser scorro giù in fondo alla pagina e non c'è niente ritorno su nell'intestazione e mi compare una strisciolina della mia immagine ripetuta sopra il mio header...
è due giorni che ci stò sbattendo la testa ma non ci salto fuori!!dove sbaglio? mi dà lo stesso risultato sia con crome che con explorer.. dipenda da eventuali margini impostati? dalle dimensioni del body? del head?
help me!!!
grazie mille

**ResianTaxidrive** · 17-02-2011, 14:15

hai qualche contenuto dentro il tuo body?

**lano** · 17-02-2011, 22:13

<!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=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">

</style>
</head></head>
</body>
<div id="contenitore">
<div id="header">
<div id="immagine">[img]immagini/immagine.jpg[/img]</div>
<div id="Intestazione">[img]immagini/logo sito.png[/img]</div>
<div id="navigazione">
<ul>[*]Home[*]n n mn [*]nnknkjn[*]ihuhiuh[*]New's[*]Contatti[/list]
</div>
</div>
<div id="menu"></div>
<div id="contenuto">Inserire qui il contenuto per id "contenuto"</div>
<div id="footer"></div>
</div>
</body>
</html>

questo in linea di massima è la struttura che stò dando il mio template
con queste impostazioni sia con crome che con explorer7 l'erba che ho messo in background nel mio body mi conpare in una strisciolina sopra il mio header.. non riesco a metterlo sotto al footer in scroll..
grazie in anticipo per i preziosi consigli!!!

**ResianTaxidrive** · 17-02-2011, 22:27

il problema è che tutti i div hanno il float quindi il body non si apre.
Aggiungi subito dopo il div del footer un div vuoto cui applichi style="clear:both";

Discussione: CSS background bottom

Strumenti discussione

Ricerca discussione

Visualizza

CSS background bottom

Permessi di invio