CSS Bottom Fixed Images

HTML & CSS
1

Hi,

I am the owner of http://www.1tm.com and on our homepage we have fixed images on the bottom for Facebook and Twitter. They show up fine and working in all browsers but with IE they are showing on the top of our page.

Here is the code we are using:

HTML:

<a href=“http://www.facebook.com/pages/1-Tech-Media/179227938762292” class=“changeimage10” title=“Facebook”></a>

<a href=“http://www.twitter.com/1TechMedia” class=“changeimage11” title=“Twitter”></a>

CSS:

a.changeimage10 {
position:fixed;
bottom:0em;
right:200;
height:38;
width:100;
background-repeat: no-repeat;
background-image: url(‘facebook.png’);
display: block
}
a.changeimage10:hover {
position:fixed;
bottom:0em;
right:200;
height:67;
width:100;
background-repeat: no-repeat;
background-image: url(‘facebook2.png’);
display: block:
z-index: 9999;
}
a.changeimage11 {
position:fixed;
bottom:0em;
right:80;
height:38;
width:100;
background-repeat: no-repeat;
background-image: url(‘twitter.png’);
display: block;
}
a.changeimage11:hover {
position:fixed;
bottom:0em;
right:80;
height:67;
width:100;
background-repeat: no-repeat;
background-image: url(‘twitter2.png’);
display: block;
z-index: 9999;
}

Any help would be greatly appreciated.

Thanks!

2

If i’m not mistaken IE does not support position: fixed. Try using “background-attachment: fixed” or even better “background-attachment: scroll.” Hope this is what you are looking for.

3

No those did not work

Thanks for the reply

4

We’ve been through this before a number of times :slight_smile:

You are using a partial doctype which triggers quirks mode in all versions of IE. That means that although IE7 and IE8 understand position:fixed in standards mode they don’t understand it in quirks mode and revert to behaving as if they were close to IE5 in most respects.

All you can do for IE is to let the images take part in the flow as per a normal image rather than trying to place them at a fixed position.

As your whole page is built on broken code you can’t revert to standards mode either as everything will break. We’ve given you code before and offered fixes which you haven’t used so you really are going to hit this problem time and time again.

You really should start again from scratch and bring the code into this century with the information and help that we have previously given you.:slight_smile:

5

I am working on the code I am not going to quit

Thanks

6

lol - that’s the spirit :slight_smile: