[CSS] Problema background

28-06-2010, 18.16.48

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ì

**karl94** · 28-06-2010, 20.57.01

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).

28-06-2010, 21.23.50

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

**karl94** · 28-06-2010, 21.50.22

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! <!-- no full story--></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&amp;id=1277720816&amp;archive=&amp;start_from=&amp;ucat=&amp;">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>
				<!-- News Powered by CuteNews: http://cutephp.com/ -->
				<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?

28-06-2010, 23.07.31

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

**karl94** · 28-06-2010, 23.55.08

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! <!-- no full story--></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&amp;id=1277720816&amp;archive=&amp;start_from=&amp;ucat=&amp;">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>
				<!-- News Powered by CuteNews: http://cutephp.com/ -->
				<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>

29-06-2010, 00.02.07

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

**karl94** · 29-06-2010, 00.03.58

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

29-06-2010, 00.09.00

sì, e non lo ottengo

**karl94** · 29-06-2010, 00.10.46

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

29-06-2010, 09.23.20

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

**karl94** · 29-06-2010, 09.25.15

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.

29-06-2010, 09.28.00

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

**karl94** · 29-06-2010, 09.30.59

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.

29-06-2010, 09.39.02

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

Discussione: [CSS] Problema background

LinkBack

Strumenti discussione

Display

[CSS] Problema background

Regole di scrittura