[CSS] Problema background

sto rifacendo il mio sito usando ben i div, voglio fare in modo che ci sia un header, una parte centrale e un footer, il primo e l'ultimo funzionano benissimo, ho un problema con la parte centrale, vi posto il codice:

Codice:

#header{ margin: 0 auto; background-image: url('http://worldpixel.altervista.org/images/header.png'); width: 750px; height: 20px; } #center{ margin: 0 auto; background-image: url('http://worldpixel.altervista.org/images/center.png'); background-repeat: repeat-y; text-align: center; width: 750px; height: 6px; } #footer{ margin: 0 auto; background-image: url('http://worldpixel.altervista.org/images/footer.png'); width: 750px; height: 8px; }

semplicemente non vedo lo sfondo della parte centrale, vi posto il sito: http://worldpixel.altervista.org/index.php

Niente, lasciate perdere, ho risolto, avevo messo un height di troppo

-

altro problema, guardate questa pagina: http://worldpixel.altervista.org/index.php
se vedete in basso il footer é sballato, se però andate alal sezione video 3D il footer é a posto, come risolvere, e poi perché fa così

Il problema è che non hai chiuso bene il div#center, e quindi il footer e tutto quello che segue vengono piazzati dentro il div sopra citato. Comunque se stai cercando di riorganizzare bene il sito, ti consiglio di usare il tag p anziché il br (un testo è composto di paragrafi, giusto?), le liste (nella pagina Video 3D, quella serie di link, andrebbe meglio se inserita in una lista), e sopratutto un DOCTYPE (meglio se usi xhtml strict).

grazie per i consigli, ma non vedo dove non ho chiuso bene il div#center

Questo è il codice ben indentato, mancava il tag di chiusura del div che hai aperto nella riga 32, andava messo alla fine della 33ª riga.

Codice HTML:

<html> <head> <title>Pixels</title> <style type="text/css"> @import url('style/general.css'); </style> </head> <body> <a href="index.php"> <div id="logo"></div> </a> <ul id="minitabs"> <li><a href="index.php">Home</a></li> <li><a href="index.php?s=tag">TagBoard</a></li> <li><a href="index.php?s=ph">Photo Gallery</a></li> <li><a href="index.php?s=3d">Video 3D</a></li> </ul> <div id="header"></div> <div id="center"> <div id="centred"> <script type="text/javascript"> //<![CDATA[ google_color_border = "003399"; google_color_bg = "FFFFFF"; google_color_link = "6600ff"; google_color_url = "008000"; google_color_text = "000000"; document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script> <hr> <br /> <div id="news"> <div style="border-top:1px solid #D3D3D3;"> <div> <strong>Nuovi video! </strong> <br> <div style="font-size:66%;">(scritto da <a href="mailto:pixels@live.it">Mauro</a>)</div> </div> </div> <div style="border-top:1px solid #D3D3D3;"> <div>Finalmente sono riuscito a mettere i video di Michele, quelli fatti da lui in 3D, per trovarli andate <a href="http://worldpixel.altervista.org/index.php?s=3d">qui</a><br />Potrete vedere 10 video fatti interamente con Blender, guardateli <img style="border: none;" alt="tongue" src="http://worldpixel.altervista.org/cutenews/data/emoticons/tongue.gif" /></div> <br> <div> <div style="font-size:66%;"><em>Scritto il 28 06 2010</em></div> <div>- <a href="/index.php?subaction=showcomments&id=1277720816&archive=&start_from=&ucat=&">0 Commenti</a> -</div> <br> <br> </div> </div> <div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div>  <br /> <br /> </div> </div> <div id="footer"></div> <div id="various"><center>© Mauro Rescigno 2010-2011 | Visite Totali: 387</center></div> <script type="text/javascript"> //<![CDATA[ document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=0X1/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script> </body> </html>

Non capisco comunque perché tu metta un div con dentro solo un altro div, è per questioni di CSS?

l'errore c'é ancora, io infatti li avevo chiusi tutti i div

ne ho messo uno dentro un altro perché quello interno serve a centrare bene il testo

Questo è il codice corretto (mancava un tag di chiusura di un div)

Codice HTML:

<html> <head> <title>Pixels</title> <style type="text/css"> @import url('style/general.css'); </style> </head> <body> <a href="index.php"> <div id="logo"></div> </a> <ul id="minitabs"> <li><a href="index.php">Home</a></li> <li><a href="index.php?s=tag">TagBoard</a></li> <li><a href="index.php?s=ph">Photo Gallery</a></li> <li><a href="index.php?s=3d">Video 3D</a></li> </ul> <div id="header"></div> <div id="center"> <div id="centred"> <script type="text/javascript"> //<![CDATA[ google_color_border = "003399"; google_color_bg = "FFFFFF"; google_color_link = "6600ff"; google_color_url = "008000"; google_color_text = "000000"; document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script> <hr> <br /> <div id="news"> <div style="border-top:1px solid #D3D3D3;"> <div> <strong>Nuovi video! </strong> <br> <div style="font-size:66%;">(scritto da <a href="mailto:pixels@live.it">Mauro</a>)</div> </div> </div> <div style="border-top:1px solid #D3D3D3;"> <div>Finalmente sono riuscito a mettere i video di Michele, quelli fatti da lui in 3D, per trovarli andate <a href="http://worldpixel.altervista.org/index.php?s=3d">qui</a><br />Potrete vedere 10 video fatti interamente con Blender, guardateli <img style="border: none;" alt="tongue" src="http://worldpixel.altervista.org/cutenews/data/emoticons/tongue.gif" /></div> </div> <br> <div> <div style="font-size:66%;"><em>Scritto il 28 06 2010</em></div> <div>- <a href="/index.php?subaction=showcomments&id=1277720816&archive=&start_from=&ucat=&">0 Commenti</a> -</div> <br> <br> </div> </div> <div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div>  <br /> <br /> </div> </div> <div id="footer"></div> <div id="various"><center>© Mauro Rescigno 2010-2011 | Visite Totali: 387</center></div> <script type="text/javascript"> //<![CDATA[ document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=0X1/r='+new Date().getTime()+'"><\/s'+'cript>'); //]]> </script> </body> </html>

ti ripeto che non manca nessun tag di chiusura, tant'è che se apri un'altra pagina il problema non sussiste

Ti dico che è così, hai provato ad usare il mio codice, solo per vedere se ottieni il risultato desiderato?

sì, e non lo ottengo

A me funziona, potresti mettere il link della pagina in cui hai messo il codice che ho postato?

http://worldpixel.altervista.org/index.php
e come vedi l'errore persiste, la cosa che non capisco é perché se vado su una qualsiasi altra pagina é tutto a posto

L'errore persiste perché non hai chiuso un div, prova a contare i tag di apertura e quelli di chiusura. Se mettessi in una pagina il codice che ho postato, noteresti che funziona.

io ho messo esattamente il tuo codice, e non c'é nessun tag di chiusura mancante
l'errore potrebbe forse essere però dentro il file del cutenews, ora dovrò vedere lì, anche se non mi sembra

Se stai usando altro codice (cutenews) all'interno del codice che ti ho dato io, non è colpa mia se non funziona, dovresti provarlo da solo in una pagina html.
Qui puoi vedere che il codice funziona.

l'ho risolto, il problema era nei template del cutenews, non mancava un solo div di chiusura, ne mancavano 3