div che non si ridimensiona aggiungendo testo

**sedazza** · 12-02-2008, 19:38

Buongiorno: sto progettanto un sito web, il mio foglio di stile è il seguente:

codice:

body {
	margin: 0 auto;
	padding: 0px;
	border: none;
	background-color: #2c2c2c;
	background-image: url(img/background.jpg);
}

#header {
	margin: 0 auto;
	padding: 0px;
	border: none;
	background-color: trasparent;
	background-image: url(img/background-header.png);
	background-repeat: repeat-x;
	height: 126px;
}

#container-background {
	margin: 0 auto;
	padding: 0px;
	border: none;
	background-color: trasparent;
	background-image: url(img/background-main.png);
	background-repeat: repeat-y;
	background-position: center;
}

#container {
	margin: 0 auto;
	padding: 0px;
	border: none;
	background-color: trasparent;
	width: 786px;
}

#head {
	margin: 0 auto;
	padding: 0px;
	border: none;
	background-color: trasparent;	
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 103px;
}

#container-contenuti {
	margin: 0 auto;
	padding: 0px;
	border: none;
	background-color: trasparent;
	background-image: url(img/background-main.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 826px;
}

#container-2 {
	margin: 0 auto;
	padding: 0px;
	border: none;
	width: 786px;
	background: trasparent;
}

#contenuti {
	margin: 0 auto;
	padding: 0px;
	border: none;
	background-color: trasparent;	
}

#main {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: trasparent;
	width: 586px;
	float: left;
}

#side {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: trasparent;
	width: 200px;
	float: right;
}



p {
	margin: 0px;
	padding: 5px;
}

mentre html questo:

codice:

<html>
<head>
<title>Simple 3.4</title>
<link rel="stylesheet" href="stile.css" type="text/css" />
</head>
<body>
<div id="container-background">
<div id="header">
<div id="container">
<div id="head">
</div>
</div>
</div>
</div>

<div id="container-contenuti">
<div id="container-2">

<div id="main">
</div>

<div id="side">
</div>

</div>
</div>

dunque: il div container-contenuti ha un background che si ripete verticalmente, quanto ci metto sopra il container-2 scompare tutto il background del div container-contenuti e resta lo sfondo della pagina, ho sbagliato qualcosa?

**ricman** · 13-02-2008, 10:35

Originariamente inviato da sedazza
ho sbagliato qualcosa?

...a postare una tonnellata di codice...

Hai un link, che facciamo prima?

**sedazza** · 13-02-2008, 14:48

ehm, scusate

Il link è: http://www.iseba.altervista.org/provasito/

**hcka** · 13-02-2008, 15:39

Non capisco qual'è il problema... Come dovrebbe essere quella pagina?

**ricman** · 13-02-2008, 16:35

Anche a me non sembra "sciupato"...

**sedazza** · 13-02-2008, 19:12

Il problema è che non si vede il background di background-contenuti e quindi quando inserisco del testo il testo è senza sfondo...

**hcka** · 14-02-2008, 11:58

Nella pagina, così com'è, non si capisce l'errore...

Inserisci dei contenuti (anche fittizi, come il classico "Lorem Ipsum") così possiamo vedere cosa succede per capire cosa intendi...

**sedazza** · 14-02-2008, 15:09

Ho aggiornato il sito web: http://www.iseba.altervista.org/provasito aggiungendo del testo

**bagu** · 15-02-2008, 00:14

manca un clear alla fine della sidebar

**sedazza** · 15-02-2008, 15:08

Non succede nulla anche aggiungendo clear alla fine della sidebar: con right e both va a catafascio e con left non succede nulla, resta come prima: io inserisco il testo nella sidebar e il box dello sfondo non si allunga minimamente. Ho provato a guardare il file con dreamweaver e sembra che quando inserisco il testo il box che dovrebbe contenere il div sidebar resta di zero pixel, come se dentro non ci fosse nulla ma se ci aggiungo una dimensione fissa diventa di quella dimensione, il testo supera i pixel da me indicati e resta senza sfondo...

Discussione: div che non si ridimensiona aggiungendo testo

Strumenti discussione

Ricerca discussione

Visualizza

Background del div inferiore che scompare

Re: Background del div inferiore che scompare

Permessi di invio