Wyśrodkowanie elementu

[Sumer]

Witam,
posiadam taki skrypt, jego zadaniem jest wyswietlenie banneru, przykład można zobaczyć, np. na stronie http://nioch.pqr.pl/

Kod skryptu:

Kod: Zaznacz cały

<div id=scyscraper style="border-right: 0px solid; border-top: 0px solid; left: 0px; border-left: 0px solid; border-bottom: 0px solid; position: absolute; width:750px;">
<div style="color: #c0c0c0;"><div align=right> <table width="" cellpadding=0 cellspacing=0 border="0"><tr><td width=""><div class="graf"><div align=center><span title="ZAMKNIJ!" style="cursor:hand"
onclick="document.getElementById('scyscraper').style.display='none'"><img src="_=_images/xx.gif" height="12" width="12"></span></div></div></td>
</tr></table></div></div><table cellspacing="0" cellpadding="0" border="0" height="100" width="750"><tr><td>

BANNER

</td></tr></table></div>

<script type=text/javascript>
(function(element,el_left,D){
D=document
el_left=((D.body.clientWidth||D.documentElement.clientWidth)- 750)/2
el_top=150
with(D.getElementById('scyscraper').style){
top=el_top+'px'
left=el_left+'px'
}
el_left_start=el_top_start=0
})()
function el_move(ydiff){
with(document){
ydiff=el_top_start-(body.scrollTop||documentElement.scrollTop)
if(ydiff)el_top_start-=~~(ydiff/40)
getElementById('scyscraper').style.top=el_top_start+el_top+'px'
}
}
elmove=setInterval("el_move()",10)
</script>

Wszystko jest ok z tym, że chciałbym aby skrypt cały czas pilnował aby ten banner pozostawał na środku nawet po pomnijszeniu / powiekszeniu okna przegladarki.
Teraz jest tak ze jezeli strona otworzy sie w nieiwelkim okniej przegladarki bo banner jest na srodku, ale popowiekszeniu tego okna banner jest w tym samym miejscu co był czyli gdzies zboku.

Bardzo bym prosił o pomoc.

[koziolek]

Łatwiej w css:

Kod: Zaznacz cały

#scyscraper{
position: relative; //absolute jezeli dla strony 
top:50%;
margin-top: -50%;
}

Zawsze w pionie na środku strony lub elementu...

[Sumer]

Czyli zamiast tego sktyptu java script mam dac to co napisałes? Bo coś mi to niechce działać

[koziolek]

Ok. Jeszcze centrowanie w poziomie:

Kod: Zaznacz cały

body{
   text-align: center;
}
#scyscraper{
    margin: auto;
    text-align: left;
}

[Sumer]

hmm...? niedziała czy napewno to dobry kod?

[koziolek]

wywal jeszcze style z diva scyscraper. Generalnie takie umieszczanie stylów jest nieładne bo utrudnia ich późniejszą zmianę.