19 replies [Last post]
serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

Any ideas what I can do to fix the little glitch with the background when you have to scroll vertically? It disappears. Another height 100% problem I think.

http://www.demo.zanzinato.com/z

Kapitol
Offline
Regular
Last seen: 9 years 29 weeks ago
Timezone: GMT-5
Joined: 2007-01-19
Posts: 11
Points: 2

Try adding this to your body

Try adding this to your body code.

background-attachment: fixed;

serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

That didn't help.

That didn't help. Any other ideas?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 2 weeks 17 hours ago
Joined: 2004-06-30
Posts: 9679
Points: 815

http://www.google.co.uk/searc

http://www.google.co.uk/search?q=css+scroll+disappearing+background

Have you seen if anybody has a similar problem and got it fixed?

Verschwindende wrote:
  • CSS doesn't make pies

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

As it happens, I did.

As it happens, I did.

Add display:table to the container and this will fix FF, Opera and Safari

IE pre v7 should be OK anyway

IE7 won't like the height:100% for container, so feed it a conditional code to reset the height of container to auto.

Works for me on my server.

serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

That works great except I

That works great except I can't seem to get it working right in IE7. When I reset the height of the container to auto the container just goes to the bottom of the content and not to the bottom of the browser.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Have you got a link of what

Have you got a link of what you have done so far?

serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

http://demo.zanzinato.com/z/i

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Well, you didn't close the

Well, you didn't close the style tag in the conditional ie comment and you put the ie conditional comment before the real style link instead of after:

#container {
height: auto;
}

![endif]-->


d
d
d
d
d
d
d
d
d
d
d
d

d
d
d
d
d
d
d
d
d
d
d
d

d
d
d
d
d
d
d
d
d
d
d
d



serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

i updated that page but

i updated that page but still have the same issue.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Well, it works in IE7 and FF

Well, it works in IE7 and FF for me, but in IE6 you will need height:100% in the container css in your css file too. The conditional comment overwrites that for ie7 to make it auto. FF doesn't care whether it is there or not.

serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

hmmm...i'm not seeing it

hmmm...i'm not seeing it working in IE7. You sure the woodgrain background doesn't just stop at the bottom of the d's? it goes all the way to the bottom?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Goes all the way to the

Goes all the way to the bottom. I have FF 1.5.0.9 on the PC, 1024x768 res.

serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

Can someone else confirm

Can someone else confirm this at a higher rez? I'm not seeing it fixed.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

I wonder if it is the scroll

I wonder if it is the scroll property in the background of the container? You should not need this.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 2 weeks 17 hours ago
Joined: 2004-06-30
Posts: 9679
Points: 815

IE7, 1280x1024. Not working

IE7, 1280x1024. Not working for me, only goes to the bottom of the Ds.

Verschwindende wrote:
  • CSS doesn't make pies

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi I took another look.

Hi

I took another look. Your code also needs min-height:100% in the ie7 code.

serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

Ok, that seems to work for

Ok, that seems to work for IE7 now but then I noticed IE6 is now having the same problem. I tried using a conditional comment for 6 & 7 but it didn't seem to work for me. How bout you?

http://demo.zanzinato.com/z/index2.htm

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 12 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

No The conditional comment

No

The conditional comment should be for IE7 only. IE 6 should work with the same css as FF does.

#container { height: auto; min-height: 100%; }

serge4
serge4's picture
Offline
Enthusiast
Last seen: 5 years 22 weeks ago
Timezone: GMT-4
Joined: 2005-07-28
Posts: 54
Points: 0

It doesn't work in IE6. I

It doesn't work in IE6. I might just forget about it. It's so minor and people are starting to us IE7.