how can I get an image to stay at the very bottom of a page no matter how big the monitor is or the size of the window it is in?
edit: damn, sorry, resolved again. two useless topics eh
solution: position: absolute; and bottom:0;
CSS Codes
Junior Coders
footer stay DOWN DAMNIT!
how can I get an image to stay at the very bottom of a page no matter how big the monitor is or the size of the window it is in?
edit: damn, sorry, resolved again. two useless topics eh
solution: position: absolute; and bottom:0;
Elite Coders
Anexxion (07-24-2008)
Junior Coders
yeah i just did that and went to go edit my topic to put it, then i saved the edit and saw your post, lol thanks anyways
do you remember me nile :P
Elite Coders
Junior Coders
crap, im having another problem, I got the image at the bottom, now I can't center it:
you can see it here: www.voigrafic.com/gamesite
Code:<html lang="en"><head> <title>ResEngine | Revolutionary RTS Game Engine</title> <style type="text/css"> body {background: #222 url(http://www.voigrafic.com/gamesite/images/res_bg.gif); margin:0; padding:0; height:250px;} #gheader {background: #fff url(http://www.voigrafic.com/gamesite/images/gheader.gif) repeat-x top; height:33px;} .leftwing {background: transparent url(http://www.voigrafic.com/gamesite/images/leftwing.png) left; height:98px; width:120px; background-repeat:no-repeat; position:absolute; top:0px; left:0px;} .rightwing {background: transparent url(http://www.voigrafic.com/gamesite/images/rightwing.png) right; height:98px; width:120px; background-repeat:no-repeat; position:absolute; top:0px; right:0px;} #toppanel {background: transparent url(http://www.voigrafic.com/gamesite/images/toppanel.png) no-repeat top center; width:763px; height:65px; margin:0 auto;} #footer {background: transparent url(http://www.voigrafic.com/gamesite/images/footer.png) no-repeat bottom center; width:763px; height:65px; margin:0 auto; bottom:0px; position:absolute;} </style> </head> <body> <div id="gheader"> <div class="leftwing"> </div> <div class="rightwing"> </div> </div> <div id="toppanel"></div> <div id="footer"></div> </body> </html>
Senior Coders
looks centered to me...
--------------------------------------------------Reviews, Interviews, Tutorials, and STUFF--------------------------------------------------Home of the SexyBookmarks WordPress plugin
Elite Coders
Really? What resolution are you viewing at?Originally Posted by Nyne Lyvez
@Annexion...
That's because you're using absolute positioning. Have a look at this article for the proper way to do what you're trying to do.
Senior Coders
@medyman: 1280x800
--------------------------------------------------Reviews, Interviews, Tutorials, and STUFF--------------------------------------------------Home of the SexyBookmarks WordPress plugin
Junior Coders
basically this is what im trying to do and im failing
(each of them are also within a way bigger container with 100% width and 100% height by the way)
if someone could recode the code I post above then that would be fantastic as this is a problem ive always had
Junior Coders
anyone?
Posting Permissions
Reply With Quote
Bookmarks