Toolbar vedno na dnu strani

Pozdravljeni,
rad bi naredil toolbar na dnu strani, ki bi bil vedno viden, ne glede na scroll.
Primer tega kar hočem, vendar tole v IE6 ne deluje.

[HTML]<div style="position:absolute; bottom:0; width:100%; height:50px;">
Vse pravice pridržane (c) 2008
</div>[/HTML]

help pliz

10 odgovorov

Ma sm kr z javascriptom naredu... pozna kdo kakšno boljšo rešitev da dela crossbrowsing?

[HTML]<script type="text/javascript">
function positionToolbar(){
var toptop = fclientHeight() + fscrollTop() - 50; // 50px je višina toolbara
document.getElementById('toolbar').style.top = toptop + 'px';
}
Interval = window.setInterval("positionToolbar()", 1);

</script>[/HTML]

Oglej si "position: fixed;" v CSS, verjetno ti bo to pomagalo...

Sem pogledal, ampak zadeva kot ponavadi ne deluje v ie6.
našel sem link kjer je rešeno z javascriptom

Hehe sem glih hotel napisat, da je bv z IE6 se ubadat potem grem pa statistiko gledat bi me pa skor iz stola vrglo. Ne morš vrjet kok folka še uporablja to.

Preveri, če deluje tole v IE6 - www.onebucktemplates.com !

Če deluje kopiraj rešitev ....

imojster: če misliš tisti zgornji toolbar pri preview-u templata, je narejen približno tako, kot sem napisal v 2. postu - z javascriptom, ki sproti računa scroll višino in toolbaru določa pozicijo. Sem sanjal o kakšni bolj fancy varjanti, ki nič ne skače/zablinka kadar scrollaš

Evo pošiljam primer, ki dela. Povejte a je ql in ali je mogoče preveč požrešno za kliente.

<div style="padding: 2px; background: rgb(204, 68, 68) none repeat scroll 0%; position: fixed; z-index: 3; color: white; font-size: 100%; top: 1px; right: 5px; display: none;" id="lo">Nalagam...</div>

Tole je koda za AJAX indikator, ki je vedno zgoraj (kljub scrolu). Mogoče ti pomaga.

Roky: tole kar si ti napisal meni ne dela v IE6 :(

Aha, pol boš pa mogu najdt drugo rešitev:(