- Home
- Categorie
- Coding e Sistemistica
- Coding
- Allineare div all'interno di un div
-
Allineare div all'interno di un div
Ciao a tutti!
Sto cercando di posizionare un div al centro di un altro div in modo che se allargo o stringo la pagina il div rimane comunque al centro.
Il mio div principale è ```#colonna_1{
float: left;
width: 1800px;
height: auto;
}//all'interno della colonna posiziono i div principali uno sotto l'altro
#contiene_tavola1{
float: left;
width: 1800px;
height: 1400px;
background-color: #6d84fc;
text-align: center;
}//adesso all'interno del div principale che è all'interno della mia colonna correi posizionare un div che rimanga al centro
#contenuto_tavola{
width: 900px;
height: 600px;
}Pero' non riesco in nessuna maniera... Avete qualche suggerimento ? Grazie!!!!
-
Ciao, ho provato ma non funziona... mi posiziona il div -contenuto_tavola- in alto e centrato rispetto al div superiore ma al ridimensionamento della finestra resta fisso in quella posizione... io avrei bisogno attivare una funzione in modo che sia sempre centrato anche al ridimensionamento della finestra...
[PHP]
<!-- inizio contiene tutto -->
<div id="contenitore"><!-- inizio colonna 1 -->
<div id="colonna_1"><div id="contiene_tavola1">
<div id="contenuto_tavola"><img src="images/skc.png" width="900" height="600" /></div>
</div>
<div id="contiene_tavola3">
<div id="contenuto_tavola"><img src="images/skc.png" width="900" height="600" /></div></div></div>
<!-- fine colonna 1 --><div id="colonna_2">
<div id="contiene_tavola2"></div>
</div><div id="colonna_3"></div>
<div id="colonna_4"></div>
<div id="colonna_5"></div>
<div id="colonna_6"></div></div>
<!-- fine contiene tuttio -->[/PHP]e questo il css usato
[PHP]
body{
background-color: white;
margin: 0;
padding: 0;
font-family: "Courier New", Courier, mono;
text-align: center;}
#contenitore{
width: 10800px;
height: auto;
}#colonna_1{
float: left;
width: 1800px;
height: auto;}
#colonna_2{
float: left;
width: 1800px;
height: auto;}
#colonna_3{
float: left;
width: 1800px;
height: auto;}
#colonna_4{
float: left;
width: 1800px;
height: auto;}
#colonna_5{
float: left;
width: 1800px;
height: auto;}
#colonna_6{
float: left;
width: 1800px;
height: auto;}
#contiene_tavola1{
float: left;
width: 1800px;
height: 1400px;
background-color: #6d84fc;
text-align: center;
}#contiene_tavola2{
float: left;
width: 1800px;
height: 8400px;
background-color: #4cfeca;
}#contiene_tavola3{ float: left; width: 1800px; height: 1400px; background-color: #b1ff4c;
}
width: 900px; height: 600px; }[/PHP]
-
Ciao, ti ringrazio ma non è ancora quello che vorrei io...
Sto cercando di farlo attraverso una funzioone in javascript che mi calcola la larghezza e altezza della finestra e a seconda di questa mi ridimensiona i margini e quindi appare sempre allineato come volevo...Volevo capire se c'era comunque una soluzione più semplice..