Centrare DIV

[the_driver]

Ciao a tutti,

come posso implementare

<div align="center">

attraverso un css ?

align=center non è W3C , quindi mi chiedevo come fare la stessa cosa attraverso un css.

Inoltre,oltre a centrarlo, dovrei posizionarlo in verticale,sempre centrato,ma spostato verso il fondo pagina,come si impostano queste cordinate? ovviamente deve poter essere una cosa portabile,che vada bene su browser diversi e risoluzioni video diverse.

ps: perchè il mio sito su un altro browser è visualizzato leggermente diverso rispetto a come lo vedo sul browser che uso per lo sviluppo? Cioè , usando mozilla, lo vedo benissimo,se uso opera,per esempio alcuni oggetti hanno il border attivato mentre io l'ho impostato disabilitato

grazie

[Myaku]

Originariamente inviato da the_driver
Ciao a tutti,

come posso implementare

<div align="center">

attraverso un css ?

align=center non è W3C , quindi mi chiedevo come fare la stessa cosa attraverso un css.

Inoltre,oltre a centrarlo, dovrei posizionarlo in verticale,sempre centrato,ma spostato verso il fondo pagina,come si impostano queste cordinate? ovviamente deve poter essere una cosa portabile,che vada bene su browser diversi e risoluzioni video diverse.

chi cerca trova ... questi links potrebbero tornarti utili

centrare orizzontale+verticale

centrare orizzontale

ps: perchè il mio sito su un altro browser è visualizzato leggermente diverso rispetto a come lo vedo sul browser che uso per lo sviluppo? Cioè , usando mozilla, lo vedo benissimo,se uso opera,per esempio alcuni oggetti hanno il border attivato mentre io l'ho impostato disabilitato

grazie

senza vedere il codice è un po' difficile darti qualche suggerimento valido

[the_driver]

si hai ragione, appena testo la centratura ti scrivo

[the_driver]

ciao , ho risolto così:

body {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10pt;
font-family: Arial,
Helvetica,
sans-serif;
color: black;
/*background-color: #cccfff;*/
background-image: url(../img/001.jpg);
text-align:center;margin:0 auto;

width: 90%;
/*background-repeat: repeat*/
}

mentre la classe div per il mio form è:


div.login{
position:relative;
/*left:400px;

width:300px*/
top:100px;
}



nel file index.php , però il fom rimane spostato ancora tutto a sinistra.cosa sbaglio?


ecco come lo richiamo:

.....

<div class="login">

.....

[the_driver]

ho testato la modifica con IE e sembra andare,ma con MOZILLA no ....

inoltre anche IE mi visualizza il bordo delle radio box come opera , mentre firefox no.

uFFF....

questo è il codice delle radio box che uso:

<table align=center border=1>
<tr>
<td>Tipologia Cliente</td>
<td align=center class="cover">
<input type=radio name=type value=private id="private" onFocus=yes_private(); checked>
<label for=private>Privato</label></td>
<td class="cover">
<input type=radio name=type value=corporate id="corporate" onFocus=no_private();>
<label for="corporate">Azienda</label></td>
<td colspan="2" rowspan="5">
<input type=submit value=Ricerca style="width:100">
</td>
</tr>



</TABLE>


Anche gli oggetti LABEL sono visualizzati diversamente

Queste sono le classi usate:

label {
text-align: center;
font-size: 10pt;
color: #000
/*padding-right: 1em;*/
}


tr:hover td.cover{
background: #ffdab9;

}


Anche COVER in IE non va ....

ho messo a posto il bordo delle radio modificando il css con border 0,5px ...

[the_driver]

forse il problema del login è dovuto alla tabella