Div at the Bottom of Page

[Adnan959]

Hey people,

A tiny issue. As you can see the image below, the box in RED is what I'm trying to move all the way down to where the footer is, the way I have done it now is to add "margin-top" but this needs to be done for over 60+ pages, and if I do this, its going to take a long long time. So is there something I can use, that will automatically move the box DIV at the bottom of the sidebar div?

http://i55.tinypic.com/xcn1x3.jpg
http://i55.tinypic.com/xcn1x3.jpg

Any help would be awesome! :)

Thanks

[ShakaDula14]

Hey people,

A tiny issue. As you can see the image below, the box in RED is what I'm trying to move all the way down to where the footer is, the way I have done it now is to add "margin-top" but this needs to be done for over 60+ pages, and if I do this, its going to take a long long time. So is there something I can use, that will automatically move the box DIV at the bottom of the sidebar div?

http://i55.tinypic.com/xcn1x3.jpg
http://i55.tinypic.com/xcn1x3.jpg

Any help would be awesome! :)

Thanks

If you used a linked stylesheet then the change should be immediate.

<link href="yourexternalcss.css" rel="stylesheet" type="text/css">

If, however, you used style="margin-top:XXpx;" within each div tag of your html pages, then you're SOL, I think.

[Adnan959]

Hey there,

Thanks for your reply.

I think you got me wrong. I am able to adjust the box downwards by changing margin values.

BUT, the problem is, I have over 120 SIMILAR pages which all need the same thing done, they have different page heights, so I will have to manually fix this up in all the 120 pages which can be quite annoying. I'm saying, is there a global fix which I can apply the same to all boxes that will position the box on the end of the page?

Thanks

[jan24]

I dont know your code but let say you have this code:

<div id=""left-side">
<div id="help">
</div
</div>

I think you got it linked with a css code so put something like this to your css code:

#left-side{
height:100%;
}

#help{
bottom:40px;
}

Then you maybe need to adjust the bottom: px a bit to make it the distance you want.
After that i htink you will be done :)
Hope it helped :)

[bluewalrus]

Bottom won't do anything if a position mode isn't set, relative, absolute, fixed, etc.

[jan24]

set position on absolute.
At me this mostly works.