-
centrare con IE7
Ho questo sito. Con IE6, FF, Opera e Safari lo vedo centrato nella pagina. Invece con IE7 mi hanno riferito che si vede a sx in alto. Questo è il css della home
Codice:
body{
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
#paginaSfondo{
background-image:url(../images/home.jpg);
background-position:top center;
background-repeat:no-repeat;
/* centrare div IE*/
position: absolute;
top: 50%;
left: 50%;
margin-top: -299px;
margin-left: -501px;
width: 1003px;
height: 599px;
text-align:left;
}
*>div#paginaSfondo{
background-image:url(../images/home.jpg);
background-position:top center;
background-repeat:no-repeat;
/* centrare div FF*/
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 1003px;
height: 599px;
margin: auto;
text-align:left;
}
in più ci sono altre proprietà, ma non sono importanti in questo contesto.
Sapete aiutarmi?
Grazie
-
uhm, questo mi sembra un hack un po' pesante, con il *>div... più facile, si può avere la centratura cross browser con:
Codice:
<contenitore> {
text-align: center;
}
<contenutocentrato> {
text-align: left; /* o quel che vuoi */
margin: auto;
width: 768px /* o quel che vuoi */
}
contenitore può essere html e contenutocentrato direttamente body o, nel tuo caso, body e #paginaSfondo (io cerco sempre di evitare il div globbale tottale, e usare body al suo posto).
Quello che fa scapocciare IE7 sono probabilmente margin-top e margin-left, che invece per fierfox et al. sono sovrascritti da margin: auto (credo - non ho IE7 sotto mano per controllare)
-
Neanche io ho ie7 ( ma a che serve se c'è Firefox ? ;-) ), ma se in M$ non sono usciti di melone, dovrebbe comportarsi almeno come IE6, ovvero:
a) penso che tu non debba usare il posizionamento assoluto (altrimenti è chiaro che con [top: 0 e left: 0] ti sbatte il contenitore in alto a sx);
b) per allineare al centro ha ragione dreadnaut: basta [ margin: 0 auto ] per allineare al centro il contenitore.
ciao
-
avevo provato come dite voi, ma non era centrato centrato. Cmq ho risolto....
IE7 prendeva anche il css che iniziava con *> e quindi prendeva i dati top:0px;...
Se invece faccio iniziare con
Codice:
*:first-child+html div#...
me lo legge solo ie7. A me non piace tanto come soluzione, ma l'importante è che funzioni :=):