background su due div

**coccobillo** · 27-01-2008, 19:13

Ciao a tutti,
ho un problema su questo codice:

codice:

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


il css è il seguente:
#container{
	position:relative;
	top:0;left:0;
	background-image: url(immagini/sfondo.jpg);
        background-repeat: repeat-y;
        background-position: 0px 191px;
}

.main{
	position:absolute;
	margin-top:191;
	width:655px;
	background:url(immagini/sottoheadercx.gif) no-repeat  ;
        padding:10 10 10 10 ;
	}

Il problema è che il background di main mi inibisce quello di container. Se elimino quello di main il background di container si vede come sfondo, però mi parte dal punto 0px 0px, anzicchè 0px 191px.
Dov'è che sbaglio?

**Myaku** · 27-01-2008, 19:17

Originariamente inviato da coccobillo
Dov'è che sbaglio?

inizia con il correggere gli errori del css.
quando definisci dei valori per margini, padding, ..., solo 0 può non avere specificata l'unitò di misura. Per tutti gli altri valori va messa.
Inoltre, puoi usare le shorthand
Dopo che hai sistemato e validato, se ancora non funziona ci riguardiamo

**coccobillo** · 27-01-2008, 19:43

ok,
controllato e validato:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  <meta name="description" content="description">
  <meta name="keywords" content="keywords">
  <meta name="author" content="author">
  <link rel="stylesheet" type="text/css" href="Copia di css3.css" media="screen">

<title>
prova
</title>
</head>
<body>
<div id="container">
	<div class="main">555
554
5553
5496
555

	554
5553
5496555
554
5553
5496555
554
	
5553
5496
	</div>
</div>
</body>
</html>

codice css

#container{
	background:url(immagini/sfondo.jpg) repeat-y 0px +191px scroll;
	position:relative;
	top:0px;
	left:0px;
}

.main{
	position:absolute;
	margin-top:191px;
	width:655px;
	background:url(immagini/sottoheadercx.gif) top left no-repeat scroll ;
	padding:10px 10px 10px 10px ;
}

il problema però rimane.
Non posso mettere due immagini, una sopra l'altra?

**coccobillo** · 27-01-2008, 19:57

ho notato , però che eliminando le position in entrambi i punti, mi funziona... ma io vorrei farlo funzionare con posizionamento assoluto... dove sarà l'errore?

**ricman** · 28-01-2008, 10:11

Originariamente inviato da coccobillo
eliminando le position in entrambi i punti, mi funziona... ma io vorrei farlo funzionare con posizionamento assoluto... dove sarà l'errore?

1) Se elimini le position è come se tu impostassi position:relative
2) Perchè vuoi usare per forza il pos. assoluto? (...allora usalo su tutti i div)

Discussione: background su due div

Strumenti discussione

Ricerca discussione

Visualizza

background su due div

Re: background su due div

Permessi di invio