- Home
- Categorie
- Coding e Sistemistica
- Coding
- centrare un div all'interno di div 100%
-
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 conmargin: 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!
-
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: leftProva 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 #contenutoNon si è capito bene cosa vuoi fare, indica la pagina dove è contenuto tutto cosi posso darti una mano
-
Ciao,
son riuscito a risolvere in qualche modo...
Per spiegarmi meglio puoi vedere su matildatour.itCmq si era una immagine di sfondo e una immagine centrata nella fascia.
Grazie!