Shoutbox

Hey,

Recoding my current site, because it's a bit of a state concerning code and browser compatibility!

Basically it's screwed up in ie6 - but because I haven't been able to test it in ie6 because I hadn't found the wonders of "MultipleIEs".

Anyway - for the life of me, I cannot get my backgrounds to be fixed in ie6 - in every other browser it works great... but not ie6. But IE6 is an issue because 20-30% of my users have ie6 and it's worrying me, i'm pushing away people!

Anyway, I'll upload it and see if you can figure it out for me (I preferably dont want to use an <if ie6> but I am at the moment, and I don't mind if you carry on using it

Thanks

http://beta.touch-innovation.com/

<3

I'm not sure if it will help at all, but I can see that you are missing the CSS attribute top for both #leftbg and #rightbg.

code:

---

#leftbg {
    background-image: url('left-bg.jpg');
    height: 100%;
    width: 184px;
    top: 0px;
    left: 0px;
    position: fixed;
}
#rightbg {
    background-image: url('right-bg.jpg');
    height: 100%;
    width: 184px;
    top: 0px;
    right: 0px;
    position: fixed;

}

---

EDIT:
oh wait, i didn't see the IE specific code listed. Still should be the same though. If you use postion: absolute anywhere, you always need one attribute from each of top/bottom and left/right

No but position absolute doesn't make it fixed... I want it exactly like the current website:

http://www.touch-innovation.com

Nothing?

Don't know if this is exactly what you want, but it might be in the direction (I may be getting mixed up with what you want.

quote:

---

fixed has never worked in IE6. There are js workarounds for position:fixed and css workarounds but I don't know about background image fixes. Here's a CSS solution for position:fixed if it helps at all.

---

I'll have a go at trying that method

Thanks <3

OKay so it didn't work

Anyone else wanna give it a go?
Thanks

I know it may not be what you want, but i found it much simpler to just remove the feature and advertise that users will get a much better experience by upgrading

I can't really do that, but I can display a notification about it. About 1000 hits per day are from ie6 - thats like 10% of all my hits, that's a big percentage, I'm driving away users!

Okay we shall try again:

http://www.beta.touch-innovation.com

If you make your window smaller (or if there's already a scrollbar) scroll down. You will see the bg on the left will repeat itself, but the one on the right wont. How do I fix this?

Even better (don't have too though) would you be able to make both sides be fixed like it should be:

http://www.touch-innovation.com (that's how it should look like, look at it in firefox, and then compare it in ie6.)

Thanks