centrare header...

[jackalt]

ho un div container di 777px e un header di 760... dovrei centrare l'header all'interno del container ma firefox me lo allinea a sx mentre IE 6 lo centra (quasi) bene. Qualcuno mi dà una mano? Grazie


#container{

width: 777px;
background: #ffecdc url("img/body.gif") repeat-y;
margin: 0px auto;
text-align: center;
}


#header {

background: url("img/header.gif") no-repeat;
text-align:center;
height: 100%;
width: 760px;
margin: 0;
padding: 0;
}

[ricman]

Originariamente inviato da jackalt
Qualcuno mi dà una mano?

Scusa ma... hai centrato il Container... fai lo stesso con l'Header, no?


Ciao

[spilloggino]

Io per centrare il sito faccio così (non ricordo dove lo lessi):
Fai 2 fogli di stile, uno per IE e un altro per ff e gli altri.
In quello per ff scrivi:
body{
margin: 0;
padding:0;
}
#contenitore_prinipale{
margin: 0 auto;
position: relative;
width:645px;
height:735px;
top:0;
}
Quello per IE:
body{
text-align:center;
margin: 0;
padding:0;
}

#contenitore_prinipale{
margin: 0 auto;
position: relative;
width:645px;
height:580px;
top:0;
text-align:left;
}

Spero di aver capito bene

[jackalt]

ma... è centrato pure l'header... ha la stessa proprietà text-align... eppure non funziona...

[ricman]

Originariamente inviato da jackalt
ma... è centrato pure l'header... ha la stessa proprietà text-align... eppure non funziona...

No... devi usare "margin: 0 auto" anche nell'header

[jackalt]

aahhh ecco... problema risolto al 90%: adesso è quasi centrato... nel senso che mi lascia 1 px di spazio a dx, ovvero lo stesso come in IE... ma non è centrato perfettamente

[ricman]

Originariamente inviato da jackalt
mi lascia 1 px di spazio a dx, ovvero lo stesso come in IE... ma non è centrato perfettamente

Non so se ho capito quello che intendi...
777px -760px = 17px
quindi un numero dispari magari ti fa avanzare quel pixel che intendevi tu nel "centraggio".
Prova con nume ri pari...

Se invece non ho capito... beh... come non detto...

Ciao

[jackalt]

hai capito benissimo... ho provato a mettere un numero pari e ho risolto... grazie tante... a volte uno si sbatte tanto la testa e poi la soluzione è semplice eheeheh