centrare un div all'interno di div 100%

pettedemon

centrare un div all'interno di div 100%

Ciao a tutti!
Allora io vorrei fare 3 fascie che si estendo per il 100% dello schermo.

All'interno della fascia centrale dovrei posizionare un'immagine che resti comunque sempre centrata.
Ho fatto una prova con

margin: auto;

ma non funziona!

Vi incollo il codice!```
body{

text-align: center;
background-color: white;

}

#fascia_nera
{
float: left;
width: 100%;
background-color: black;
height: 200px;
}

#fascia_centrale
{
float: left;
width: 100%;
height: 282px;
background-image: url(../back.png);
}

#contenuto
{
float: left;
width: 500px;
height: 282px;
margin: auto 0;
}

#fascia_bianca2
{
float: left;
width: 100%;
height: 10px;
background-color: white;
}



e qui è posizionato all'interno della mia pagina html

[PHP]<body>



<div id="fascia_nera"></div>


<div id="fascia_centrale">

<div id="contenuto"><img src="matilda.png" width="500" height="282" /></div>

</div>


<div id="fascia_nera2"></div>







</body>[/PHP]

Dove sbaglio ?
Grazie!

eternity

Alcune cose non ho capito.
Perchè utilizzi i float?
Se ogni fascia è al 100% delle schermo che lo metti a fare float: left? Non ti verrà a sinistra.
Mentre dici di voler mettere l'immagine al centro e utilizzi comunque float: left

Prova a toglere tutti i float left

Poi scusa ma così non hai un'immagine sopra un'immagine?
C'è un'immagine in backgroud su #fascia_centrale e un'altra all'interno del div #contenuto

Non si è capito bene cosa vuoi fare, indica la pagina dove è contenuto tutto cosi posso darti una mano

pettedemon

Ciao,
son riuscito a risolvere in qualche modo...
Per spiegarmi meglio puoi vedere su matildatour.it

Cmq si era una immagine di sfondo e una immagine centrata nella fascia.

Grazie!