Make ShareThis Button Float

Hello I am using a share this button on my website and would like to make it float vertically as the user moves up and down the content in a page. We have a html site with a Dreweaver template that is connected to all the pages.

Currently the Share this button is on top of the page under the the main header image(banner) and above the drop-down menu ( main negation )  So it is appearing as if it is in a table ( within a cell) and we have an entire section ( cell ) that is showing up as black and is acting as a divider that which we don't want to see.
Here is a link to share this button website. I see it floating on their site. :-)

http://www.sharethis.com/publishers/get-sharing-button
LVL 1
netcompAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jason C. LevineNo oneCommented:
The code of the button on the sharethis site is irrelevant.  We would need to see it on your site with your code in order to suggest a good solution
0
netcompAuthor Commented:
Jason,
Here is the adobe Dreamveaver file that we are using. I have saved it as an HTML file. I hope it helps.
The reason that I wanted it to float vertically was to get rid of the long cell that appears above the css drop-down menu. If you could help me somehow get rid of that cell, I could do without the shareThis buttons floating.  Ideally, I would like to have the Sharthis button, to appear at button right hand corner of the top banner. So the Sharthis button would be in the front of the Head-fin.gif image and on its righ hand bottom corner. This would be as if it was setting on top of the drop-down menu on the right side.  
I have also attached a css file for the drop-down menu just in case you want to see it.


Thank you for your help.
style.css
html.html
0
Jason C. LevineNo oneCommented:
Can you give me a link instead?  It's a lot easier to do this with all of the images included...
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

gatorlockedCommented:
Hi Netcomp.

Add id="nomove" to the div that holds the facebook/twitter icons. It will look like this:
<div id="nomove" align="right"align="absbottom" usemap="#Map">

Then add these lines to the <style> tag in the header of your HTML file:
#nomove { position:fixed;  
      left:0;
      top:50px;
      z-index: 2000;
}

It should look like this:
<style type="text/css">
<!--
body {
      background-color: #336699;
      background-image: url(../images/BackgroundL7-Large.gif);
}
.style1 {color: #FFFFFF}

#nomove { position:fixed;  
      left:0;
      top:50px;
      z-index: 2000;
}

-->
</style>

Now the icons should float. You can change the values of left and top in order to position it correctly. For instance, you can use left: 1000px and top: 125px to return it back to where it was originally.

Hope this helps.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
netcompAuthor Commented:
Sorry, I forgot all about this. I will try it and get back t you soon. Thank you,
0
Jason C. LevineNo oneCommented:
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.