Ho il seguente codice XHTML:
(span è inutile, è solo una prova) a cui applico il seguente CSS per farlo apparire come un dock orizzontale di icone:
codice:
#dock-nt ul li {
float: left;
padding-left: 5px;
padding-right: 5px;
}
#dock-nt ul li a {
min-width: 75px;
display: block;
padding-bottom: 93px;
color: white; /* #c8f8ff; */
text-align: center;
/*font-family: Georgia, "Times New Roman", serif;*/
font-size: x-small;
background-repeat: no-repeat;
background-position: bottom center;
}
(le icone, cioè gli sfondi di A, li applico poi ai singoli ID).
Il problema è che se uso min-width: 75px, text-align: center non viene applicato nei browser basati su Gecko (mentre ad esempio su khtml e opera funziona).
Per vedere il codice "in azione", andate qui: http://techlog.netsons.org/ (ancora il CSS è in costruzione, il tema su IE da' problemi).
Lasciando min-width (serve, in combinazione con display: auto dell'header, a non rovinare completamente il layout in caso di ridimensionamento dei caratteri), sapete come risolvere?