Image alignment to absolute bottom - help?

liunx

Guest
Hey guys, just wanna say hello to everyone here. Just registered but I've been visiting and reading the forum for awhile.<br />
<br />
Anyway, down to the problem at hand. I need a little help if someone would be kind enough to lend a hand.<br />
<br />
I'm having a problem getting the bottom image for my page to stay at the bottom. It will sit there when your browser is at probably 800x600 res, but if you increase the browser window to say 800x1000 res then it creates a gap between the image and the bottom of the browser window. It's really annoying and doesn't make the layout look very good. Just wondering if someone knows how I can fix it so no matter what size the browser window it will always stick to the very bottom.<br />
<br />
Here is an example of what I'm referring to.. thanks for any help you can offer.<br />
<br />
<!-- m --><a class="postlink" href="http://djnemesis.clanradium.com/layout.shtml">http://djnemesis.clanradium.com/layout.shtml</a><!-- m --><!--content-->Um I do not know what you are asking. It seems to be at the bottom on 1024x768<br />
<br />
You say on 800x100? I have never used or even heard of that resolution<!--content-->same here :confused:<!--content-->Ok.. let me rephrase this...<br />
<br />
I'm not talking about switching resolutions in windows itself. I'm referring to resizing the browser window.<br />
<br />
I run 1600x1200 resolution, but I often don't have my IE windows set to maximize. I coded the site to work properly for 800x600.<br />
<br />
What happens, is if I maximize the IE window when I am in 1600x1200 resolution the bottom graphic is no longer resting on the status bar inside of IE. I want that bottom image to sit at the bottom of IE no matter what size I make the browser window. Screen resolution has nothing to do with what I'm referring to.<br />
<br />
I've attached 2 screenshots to show you what I'm referring to.<br />
<br />
The first one shows how it sits at the bottom like I want it, before I maximize the window or resize the IE window myself.<br />
<br />
<!-- m --><a class="postlink" href="http://djnemesis.clanradium.com/ss1.jpg">http://djnemesis.clanradium.com/ss1.jpg</a><!-- m --><br />
<br />
The second one shows how when I resize the IE window or maximize it the image no longer sits at the very bottom like it did before. How can I make it sit at the bottom no matter what size I make my IE window.<br />
<br />
<!-- m --><a class="postlink" href="http://djnemesis.clanradium.com/ss.jpg">http://djnemesis.clanradium.com/ss.jpg</a><!-- m --><!--content-->YOu would have to use CSS for that. I dont know the exact code but I would be someone here knows it. <br />
<br />
And question, why do you use such a high resolution?<!--content-->i had a look at your site through a few resolutions up to 1280x1204 (the max for the pc i'm on at the mo)and it stays at the bottom, i don't think there's many people who browse the net using that res, i was practically squinting at the screen at 1280x1204, i think scoutt mentioned b4 that 80% of the surfers out there use 800x600. To cut a long story short m8, i wouldnt worry about it too much!<!--content-->I'm a gamer so I always have ran high resolutions. 1600x1200 on a 21" monitor isn't that small. I used to run 1280x1024 when I had a 17". I just like to see more information on the screen than I do with lower resolutions.<br />
<br />
Thanks for the tip about CSS. I'll have to check into that and see if I can find something.<!--content-->Hey guys, I've checked through some css guides and was unable to find a solution to the problem. Can anyone help me with this? I'm not sure if the solution lies in css or if it can be done with something else.<!--content-->you could try <div style="margin-top:100%">, or likewise cell padding or spacing<!--content-->awesome.. works great, thanks a lot for the help.<!--content-->This may have been part of your problem:<br />
<br />
Line 88, column 66: value of attribute "ALIGN" cannot be "ABSBOTTOM"; must be one of "TOP", "MIDDLE", "BOTTOM", "LEFT", "RIGHT":<br />
...ottom.jpg" width="630" height="44" align="absbottom"><br />
<br />
as shown at: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fdjnemesis.clanradium.com%2Flayout.shtml&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m --><!--content-->
 
Back
Top