Originariamente inviato da PierinoPipetta
Come posso fare secondo voi per avere uno sfondo alla sinistra del mio div e contemporaneamente uno a destra?
Per tenerne uno alla volta nessun problema, basta che lo imposto nel css e abbino lo stile a quel div. Ma se oltre a quello di sinistra (o destra a seconda) volessi averne uno anche a destra?
Devono essere però degli sfondi perchè sopra è scritto e inoltre il testo stà su un div unico e non su due.

Avrei pensato anche a creare un div fittizio con le stesse dimensioni dell'altro e con uno sfondo, ma questo dovrebbe rimanere sotto a quell'altro e non credo sia nemmeno possibile .

Qualcuno può aiutarmi?
Ciao
Io ho usato il sistema di rimpiazzare h1 con una immagine oltre a usare una immagine di sfondo.

body {
background-color: white;
letter-spacing: normal;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
div#contenitore {
background-color: #E7F9E3;
background-image:url(rosamario.gif);
background-position:260px 150px;
background-repeat:no-repeat;
text-align: center;
vertical-align: top;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:760px;
height:560px;
margin:auto;
border-top:1px solid black;
border-right:1px solid black;
border-left:1px solid black;


}

#ex1{
margin-left:auto;
margin-right:auto;
/*dimensioni dell'immagine*/
padding-top: 133px;
width: 200px;


background-image: url(50.gif);
background-repeat: no-repeat;

/*nasconde il testo*/
overflow: hidden;
/* WIN IE5 hack */
height: 133px;

voice-family: "\"}\"";
voice-family:inherit;
height: 0;
}

div#footer
{
background-color: #E7F9E3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
text-align:center;
width:760px;
height:90px;
border-bottom:1px solid black;
border-right:1px solid black;
border-left:1px solid black;
margin-left:auto;
margin-right:auto;
margin-top:-20px;
margin-bottom:0;

}
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;


}

#navlist li
{
list-style-type: none;
display: inline;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}




-->
</style>
</head>
<body>
<div id="contenitore">
<h1 id="ex1">Example</h1>
</div>
<div id="footer">
<div id="navcontainer">
<ul id="navlist">[*]album foto[*]manda foto o testi da pubbkicare[/list]
</div>
</div>
</body>
</html>


testato con ie6, firefox e opera 7.
se qualche anima pia me lo testa con ie 5.5 e mi fa sapere....

ciao
paolo