291 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
+2 more
sonicsight says

ok so basically im trying to create a bar that stays on the bottom of the screen even when you scroll (like the chat bar for facebook). so i created my div element and i positioned it at the bottom of the screen and used the position:fixed on it. This all works fine in ff3 but when i test it in IE7 the bar just sits on the top of the screen and doesnt stay fixed it scrolls away. iv tryed googing the code but im not very good with html and didnt understand much of what they said. so i was just wondering if any of you knew any tricks for doing this (or maybe a javascript code that keeps it on the bottom is better).

250 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 50+ items on Envato Market
+3 more
simnor says

I had a similar problem about a week ago and used this to fix it: http://www.howtocreate.co.uk/fixedPosition.html

352 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 50+ members
  • Has sold $10,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+6 more
danharper says

Take a look at this

263 posts
  • Has been part of the Envato Community for over 6 years
  • Located in Antarctica
  • Has sold $100+ on Envato Market
  • Has collected 1+ items on Envato Market
+1 more
x360c says

Lol, I fixed that problem and even created a facebook bar clone here:

http://www.gamedeviants.com/construction.php

Just email me at: btgirton@gmail.com

I can help you out.

PS – It is cross-browser compatible with all browsers I’ve tested. =)

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by