setiawanh Posted December 24, 2008 Share Posted December 24, 2008 Hi there, I tried to mimic the bottom bar of facebook (once you have logged in). Basically, the bar will stay at the same place even when you scroll down. I have the following code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Facebook Bar</title> <style type="text/css"> #bottom { width: 98.5%; position: fixed; bottom: 0px; background: #EEEEEE; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; margin-bottom:-15px; } </style> <p>hello</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <div id="bottom">Stuff goes here</div> </body> </html> This code works great in FireFox but not in IE. Anybody can help fix this? Thank you in advance! Quote Link to comment Share on other sites More sharing options...
generalcomplex Posted February 15, 2009 Share Posted February 15, 2009 Fixing the position of an element just wouldn't do. Especially on IE. Why not try this XHTML and CSS code from this post: http://ryan.rawswift.com/2009/02/15/fixed-that-bar-at-the-bottom-like-facebook/ Just modify it to fit your need. Quote Link to comment Share on other sites More sharing options...
dud-dee Posted April 30, 2009 Share Posted April 30, 2009 I used the following scripts in my design: in CSS: .footer_table { width:100%; bottom:0px; z-index:10; position:fixed; background-position: bottom center; background-repeat: no-repeat; background-image: url('../images/dud-dee.png'); } in the end body section of my index.php: <table class="footer_table" border="0" ><tr><td> <br><br></td></tr></table> there's no problem with internet explorer. hope this may help.. ========================================================================= damai INDONESIAku, makmur TORAJAku, aman BUGISku.... dud-dee akan selalu bangga menjadi bagian darimu... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.