Paul helped me with my sticky footer. But I somewhere made a mistake while I was adding my social media icons I think and now I have a huge margin in IE6 ON TOP. Here is the screen shot.
I have addthis on my page. It’s at the top on mine. I put it at the bottom of the HTML and absolute positioned it to the top. That sped up the loading of my page. And would prob remove your gap.
@Paul Thank you so much! You are so right! That was the problem… I had a similar problem before…and I forgot it already… I must remember things I learn here. Start making a note system today!.
@Eric…thank you very much… I am going to try what you said…
Eric… I am a bit confused… “I put it at the bottom of the HTML and absolute positioned it to the top.”…how do I absolute position it to the top? Do you have a link to the page you mentioned?
Also @ Paul and @ Eric… I have my media icons in my footinner and I used the CSS below… am I doing this right ? I used a relative positioning…should I use padding to position this element?
Eric may need to answer that as it seems to me that the Javascript is inserting the code at the top of the html by default. It also uses an ID that IE6 can’t target because it is invalid.
Also @ Paul and @ Eric… I have my media icons in my footinner and I used the CSS below… am I doing this right ? I used a relative positioning…should I use padding to position this element?
Usually you would use margins but I think you can get away with relative positioning in this instance. You will very rarely need relative positioning because it doesn’t actually move anything physically. It just makes elements look as though they are somewhere else but they still take up the same space on the page that they originally did and leave holes in the page that can’t be filled.
Hello. You don’t have Absolute position it. Just an idea I used for speed. But if your code used is the same as mine (looks as though it is) then addthis code snippet consists of some HTML and the accompanying script. I just AP’d the the HTML to the top (aka <div class=“addthis_toolbox”></div>) and the script just does it’s job a few milliseconds later when the browser gets to it.
But looking again at your page your addthis is visually at the bottom to begin with so AP’ing it should not be necessary.
Is there any way to solve this issue with addthis? I tried moving the script but it doesn’t make any difference…? Are there any tutorial there about adding custom social media icons? Are there other tools like “addthis” ? What is the most common way of adding social media icons?
I tried for a long time this morning and cold not find what ie6 doesnt like about it. I even tried my addthis code and still the gap. You could try another addthis like cpmpany or try and see if the addthis forum could solve http://www.addthis.com/forum/
Eric… thank you for spending your morning trying that. I asked this question in the JavaScript forum here and also at the addthis tool forum from yesterday but no answers yet… I will give sometime and I might have to remove them, then approach it with just links. And just get the facebook “like” button from facebook itself which seems to have no problem on my site…thanks again guys for helping me.
Your welcome sorry I couldn’t find the fix. Tried everything! Ya know I don’t think the addthis icons go to well with your site anyways. If you google “social icons” you can see many other icons that would look nicer (in my humble opinion). Once before I had a iframe that was doing that to my ie6. But unfortunately targeting iframe didn’t seem to fix it either.
sdt76 and Eric… I now noticed that IE7 shows the same problem! :-(( So I decided to avoid this “addthis” tool for now. If it was just IE6 I would have dropped the support it. But I know Eric is right about , how the icons look on my site…so I am going to just stick with different icons and links without the JavaScript… thank you so much for being patient with and for your time!.