PDA

View Full Version : css for loading bar in bottom left



dips255
Apr 2nd, 2010, 02:25 PM
i need css to display a div containing loading image(i already have this) in the bottom left corner of window which should be visible even if user scrolls down the page until the page completely loads. i also have the javascript to show and hide the div but i am not able to position the preloader in bottom left

this is what i am using currently

<style>
#divLoadCont {position:relative; z-index:500; left:0px; top:0px; width:80%; height:1%; clip:rect(0px 100% 100% 0px); background-color:#ffffff; layer-background-color:#ffffff;}
#divLoad1 {position:absolute; layer-background-color:white; background-color:transparent;}
#divLoad2 {position:absolute; left:0px; top:0px; layer-background-color:transparent; background-color:transparent;}
#divLoadText {position:absolute; background-color:transparent; font-family:verdana; color:#000000; font-size:14px;}
</style>
<script language="javascript" src="../js_progress_bar/Page_Load.js"></script>

<div id="divLoadCont" style="display:none " align="right">
<div id="divLoad1">
<div id="divLoad2"></div><br>
<div id="divLoadText"><img src="../images/loading.gif" align="absmiddle">&nbsp;Loading</div>
</div>
</div>
<script>
function WindowOnload(f) {
var prev=window.onload;
window.onload=function(){ if(prev)prev(); f(); }
}

document.getElementById("divLoadCont").style.display="block";
startLoading();

WindowOnload(loadIt);

</script>

can anyone help me?

triplemoons
Apr 2nd, 2010, 02:40 PM
Posting a link to the actual site my be helpful. :)

Are you looking for something like my chick in the bottom right corner: http://triplemoonsdesign.com

effpeetee
Apr 3rd, 2010, 04:02 PM
You may find some help here (http://exitfegs.co.uk/Sources.html).

or perhaps here (http://ryanfait.com/resources/footer-stick-to-bottom-of-page/).

Frank

dips255
Apr 6th, 2010, 09:28 AM
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

this was helpful
thanks