Ciao a tutti seguendo l'articolo per la creazione di un layout a due colonne dovrei centrare sia verticalmente che orizzontalmente il DIV CONTENT ma niente non c'è verso di farlo soprattutto in IE ho una visualizzazione in FIrefox ne ho un'altra!
Come posso centrare orizzontalmente e verticalmente il DIV dei contenuti?
Ciao e grazie
Fabio
Ho scritto su google quello che hai chiesto qui ed ho trovato questo; vedi se ti può essere utile...Originariamente inviato da fabiodm75
Come posso centrare orizzontalemente e verticalemente il DIV dei contenuti?
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
Il mio problema è che devo centrare il DIV non rispetto alla pagina ma rispetto al DIV che contiene il mio DIV CONTENT, qeull'articolo speiga come centrare un DIV al centro della pagina
Poi seguendo l'esempio dell'articolo citato sopra e riadattandolo in IE riesco ad ottenere un DIV CONTENT centrato rispetto aanche alla colonna destra, il problema ce l'ho con Firefox che invece lo centra al centro assoluto ossia non calcola la colonna di destra... :master:
Non capivo molto bene il tuo post iniziale...Originariamente inviato da fabiodm75
Il mio problema è che devo centrare il DIV non rispetto alla pagina ma rispetto al DIV che contiene il mio DIV CONTENT, qeull'articolo speiga come centrare un DIV al centro della pagina
Puoi postare un pezzetto di codice/css incriminato? (non fare il copia/incolla di tutto il codice che non te lo legge nessuno... metti solo la parte utile...)
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
Nessun problema a postare codice...
questo l'esempio dal quale sono partitoCodice PHP:HTML {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
BODY {
FONT-SIZE: 76%;
FONT-FAMILY: arial,sans-serif;
TEXT-ALIGN: center;
}
DIV#container {
BORDER-RIGHT: #36c 2px solid;
MARGIN: 0px auto;
BORDER-LEFT: #36c 2px solid;
WIDTH: 760px;
BACKGROUND-COLOR: #9cf;
TEXT-ALIGN: left;
}
DIV#header {
COLOR: #ff0;
BACKGROUND-COLOR: #36c;
}
DIV#footer A {
FONT-WEIGHT: bold;
COLOR: #fff;
TEXT-DECORATION: underline;
}
DIV#navigation {
FLOAT: right;
WIDTH: 13em;
background: Aqua;
}
DIV#content {
margin:20px auto;
padding:3px;
BACKGROUND-COLOR: #ccc;
width:400px;
}
DIV#footer {
CLEAR: right;
PADDING-RIGHT: 0.5em;
PADDING-LEFT: 0.5em;
PADDING-BOTTOM: 0.5em;
COLOR: #000;
PADDING-TOP: 0.5em;
BACKGROUND-COLOR: #69c;
TEXT-ALIGN: center;
}
DIV#content {
margin:20px auto;
padding:3px;
BACKGROUND-COLOR: #ccc;
width:400px;
}
Il problema dov'è? Devi centrare un div dentro il div#content? O il #content dentro qualcosaltro?Originariamente inviato da fabiodm75
questo il codice che ho modificato e che mi crea problemi con la centratura orizzontale
DIV#content {
margin:20px auto;
padding:3px;
BACKGROUND-COLOR: #ccc;
width:400px;
}
Mi piacerebbe vedere anche l'html...
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
Allego immagine per rendere più chiaro quello che voglio ottenere... praticamente devo centrare il DIV CONTENT al centro del DIV CONTAINER però tenendo conto che dentro il DIV CONTAINER c'è anche il DIV COLONNA DESTRA
L'HTML è questo:
spero di essere stato più chiaroCodice PHP:<html>
<head>
<title>Titolo</title>
<style type="text/css">
@import url(css/style.css);
</style>
</head>
<body>
<div id="container">
<div id="navbar"></div>
<div id="colonna_destra">
<ul>[*][url="#"]LINK1[/url]
........
........[/list]
</div>
<div id="content">
testo...
..........
</div>
</div>
</body>
</html>
...e quindi ti da noia il float:left....Originariamente inviato da fabiodm75
Allego immagine per rendere più chiaro quello che voglio ottenere... praticamente devo centrare il DIV CONTENT al centro del DIV CONTAINER però tenendo conto che dentro il DIV CONTAINER c'è anche il DIV COLONNA DESTRA
Devi un po' risistemare il codice. Puoi vedere qui un buon esempio (sono tre colonne ma il discorso di come si centrano è uguale).
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
uhmmm e che ci acchiappa con quello che ho chiesto io?quelle sono 3 colonne allineate una dietro l'altra io ho una colonna a destra e il box content al centro dello spazio rimanente nel div container... ma è davvero così difficile creare layout con i css vabbè che non sono esperto ma credevo di ricevere una risposta quasi al volo, cioè per uno che ci lavora con i css sarebbe un attimo dirmi dove e cosa ho sbagliato... tra l'altro in IE6 come detto va anche bene (anche se lo so che non corretta com ecosa) mentre è in firefox che il DIV CONTENT si mette centrato in senso assoluto! :master:Originariamente inviato da ricman
...e quindi ti da noia il float:left....
Devi un po' risistemare il codice. Puoi vedere qui un buon esempio (sono tre colonne ma il discorso di come si centrano è uguale).
O perlomeno mi servirebbe vedere un esempio più simile alla mia esigenza, mica per copiare ma per "capire sti CSS"...
Ciao
Permessi di invio
Rispondi quotando