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! Link to comment https://forums.phpfreaks.com/topic/138279-facebook-bottom-bar-ie-fix/ 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. Link to comment https://forums.phpfreaks.com/topic/138279-facebook-bottom-bar-ie-fix/#findComment-762614 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... Link to comment https://forums.phpfreaks.com/topic/138279-facebook-bottom-bar-ie-fix/#findComment-822382 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.