salve a tutti,
io ho questa parte di codice
ma i contenuti non si allineano centralmente in verticale, solo in orrizontale, kosa sbaglio ?codice:body,html { width:100%;height:100%;margin:0; background-color: #cccccc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; vertical-align:middle; margin:auto; }
Grazie
NON sbagli niente ....vertical-align:middle si applica solamente agli elementi inline
Il tuo(mio)(di tutti) è che non esiste un metodo semplice e lineare per centrare gli elementi utilizzando i CSS.
P.S.
Se qualcuno mi smentisce gli do un bacio
Sayonara...
kami del tempo / raccogli i miei ricordi / vola distante.
Rinaldo - RexPlants
RexPlants il forum delle piante che mangiano
quindi kosa devo fare ?
mi f....o ?
devi chiedere cosa vuoi allineare, posta un quesito concreto e qualcuno ti risponde, che vuoi allineare al centro, metti il codice coll'elemento che non sai allineare e vediamo.
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
http://www.constile.org/template/centrare_il_box/Originariamente inviato da kaze
NON sbagli niente ....vertical-align:middle si applica solamente agli elementi inline
Il tuo(mio)(di tutti) è che non esiste un metodo semplice e lineare per centrare gli elementi utilizzando i CSS.
P.S.
Se qualcuno mi smentisce gli do un bacio
Se sei un uomo il bacio te lo lascio tutto.
Troppo facile :gren:Originariamente inviato da gordian
http://www.constile.org/template/centrare_il_box/
Se sei un uomo il bacio te lo lascio tutto.
Il sistema che hai postato l'avrò letto forse 1.000.000.000.000.000 di volte. Funziona in base ad un assunto CONOSCERE le dimensioni dell'oggetto.
Prova ad applicarlo per esempio ad una tabella con del testo all'interno delle celle (ovviamente non conosci le dimensioni esatte).
L'unica maniera e creaare un div con dimensioni conosciute, metterci dentro la tabella al 100%, applicare il codice che hai postato .....un pò complicato non trovi :master:
Sayonara...
kami del tempo / raccogli i miei ricordi / vola distante.
Rinaldo - RexPlants
RexPlants il forum delle piante che mangiano
Forse non ho capito il tuo problema :master:Originariamente inviato da kaze
Troppo facile :gren:
Il sistema che hai postato l'avrò letto forse 1.000.000.000.000.000 di volte. Funziona in base ad un assunto CONOSCERE le dimensioni dell'oggetto.
Prova ad applicarlo per esempio ad una tabella con del testo all'interno delle celle (ovviamente non conosci le dimensioni esatte).
L'unica maniera e creaare un div con dimensioni conosciute, metterci dentro la tabella al 100%, applicare il codice che hai postato .....un pò complicato non trovi :master:
Ma se devi ricorrere a delle tabelle a questo punto puoi risolvere l'allineamento verticale con le proprietà ad esso associate.
Esempio veloce:
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center" valign="middle">text!</td>
</tr>
</table>
Il mio post era per SK che mi pareva volesse una soluzione esclusivamente con i css.
In ogni caso dovrei sapere esattamente cosa vorrebbe centrare
Questo problema interessa anche me.
Il mio elemento da centrare è un'immagine ( pensavo fosse un'elemento in-line ).
Provo a mostrarvi un'esempio del mio problema:
Ecco il file HTML con l'immagine da centrare in un box:
Ecco il CSS associato:codice:<html> ... <link href="stile.css" rel="stylesheet" type="text/css"> </head> <body> <div class="box"> [img]mia_immagine.gif[/img] </div> </body> </html>
Grazie mille!codice:.box { background-color: #999999; border: 1px solid #000000; height: 300px; width: 300px; /* Con questo attributo posiziono il contenuto orizzontalmente al centro... */ text-align: center; /* E se lo volessi posizionare verticalmente al centro??? */ }
GrooveMan
devi conoscere l'altezza, ad esempio:
<html>
<head>
<style type="text/css">
.box {
background-color: #999999;
border: 1px solid #000000;
height: 300px;
width: 300px;
text-align: center;
}
.centra {position:relative; top:50px}
</style>
</head>
<body>
<div class="box">[img]../base/Marte.jpg[/img]
</div>
</body>
</html>
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
oppure nel tuo caso aggiungi al css:
img{
vertical-align:-150px;
}
Permessi di invio
Rispondi quotando