Web Design Forums

finbarr · 31-01-2006, 10:17

Putting together a new one page scrolling site but am getting some wierd rowser reaction to a fixed body background image:

temp page

Is everyone else getting this juttery kind of movement on scroll? Doesnt happen in FF obviously only IE. I dont mind serving diffrent CSS to ie browsers but would prefer to know why its doing it rather than simply implementing a workaround.

Any comments on the design/etc appreciated as always

as this one is a bit of a departure for me.

d*d · 31-01-2006, 10:26

I'm wondering if you need the background image at all, it fights with the copy for attention

finbarr · 31-01-2006, 10:29

Quote:

Originally Posted by d*d

I'm wondering if you need the background image at all, it fights with the copy for attention

what size screen are you using D*D? Interestd to se how it looks on smaller displays/resolutions? Any chance you can printscreen and post it up?

Stickman · 31-01-2006, 10:48

I'd prefer the image on the left and copy on the right. Also, bigger gap between the two.

Scrolls fine (firefox though).

smallbeer · 31-01-2006, 10:52

the scrolling is very fucked (unresponsive and jerky) in IE. haven't time to look and find out why yet though.

finbarr · 31-01-2006, 10:56

Quote:

Originally Posted by Stickman

Also, bigger gap between the two.

on what screen res are you working, S? I may have to reduce the size of the image but want to ensure it looks as good as possible in all sizes

finbarr · 31-01-2006, 10:57

Quote:

Originally Posted by smallbeer

the scrolling is very fucked (unresponsive and jerky) in IE.

yes thats what I get also... but I have read that IE responds to fixed positioning as long as its in the body tag... obviously fucking not in this case

smallbeer · 31-01-2006, 11:10

yeah shouldn't be a problem. any reason for the xml prolog being in there? it would put IE into quirksmode if it was on the first line. not sure why or what it would do where it is. try take it out.

Stickman · 31-01-2006, 11:10

Quote:

Originally Posted by finbarr

on what screen res are you working, S? I may have to reduce the size of the image but want to ensure it looks as good as possible in all sizes

1280 x 1024

mx · 31-01-2006, 11:17

yep. it's fucked in IE tab. never seen that before.

finbarr · 31-01-2006, 11:20

it'sgot something to do with the bg image for the fcol? Bascially I have a 2 pixel gif that repeats - if you reduce the browser width you'll see why its there - opacity fake.
But when I take it out its fine? WTF?

finbarr · 31-01-2006, 11:22

Quote:

Originally Posted by smallbeer

yeah shouldn't be a problem. any reason for the xml prolog being in there? it would put IE into quirksmode if it was on the first line. not sure why or what it would do where it is. try take it out.

I think the w3c must have added somthing to their online validator... the page wouldnt validate without the xml encoding? thats why its there... and have already tried taking it out - no joy

Stickman · 31-01-2006, 11:37

Quote:

Originally Posted by finbarr

it'sgot something to do with the bg image for the fcol? Bascially I have a 2 pixel gif that repeats - if you reduce the browser width you'll see why its there - opacity fake.
But when I take it out its fine? WTF?

IE is shit.

Just had a look. It doesn't like repeating those background gifs. linkbg.gif slows it a little, fcolbg.gif fucks it in every hole (which is bad).

finbarr · 31-01-2006, 11:40

Quote:

Originally Posted by Stickman

IE is shit.

Just had a look. It doesn't like repeating those background gifs. linkbg.gif slows it a little, fcolbg.gif fucks it in every hole (which is bad).

haha... quality. Couldnt have put it better myself!

So from that I conclude that IE is only alright with fixed positioning in the body tag if there are no other repeating images in your design? What a fucking piece of shit browser

that basically fucks the whole concept of the site design

Red Cap · 31-01-2006, 16:04

yep piece of shit, i think it just has problems rendering any repating gifs with transparency. I had a similar problem with some moo.fx slide out drawers that had a repeating gif bg with transparency, IE fucked up the effect and the animation became really sluggish.
Ideas for your site; either get rid of the repeating gif altogether or maybe instead of a 2x2 gif enlarge it to something IE can manage rendering repeatedly maybe 100x100?- not sure that would work though!
The solution i can up for my on my site was less than ideal, but i had an IE only rule that specified a fully opaque bg for IE while firefox got the pretty pseudo transparent bg.

finbarr · 01-02-2006, 07:39

Quote:

Originally Posted by Red Cap

yep piece of shit...

yeah I think I'm going to look at full transparency with png and simply feed IE an alternative.

btw: Nice avatar

d3mcfadden · 01-02-2006, 16:06

Good news.. IE is a piece of shit and its not your fault. Bad news.. its going to continue to be a piece of shit, I just tried it in the new IE 7 beta version - same issue.

finbarr · 02-02-2006, 03:56

Quote:

Originally Posted by d3mcfadden

Good news.. IE is a piece of shit and its not your fault. Bad news.. its going to continue to be a piece of shit, I just tried it in the new IE 7 beta version - same issue.

bad news? - yes
surprising news? - not one bit
excellent

John Good · 02-02-2006, 05:11

may I suggest a little less contrast ?

you could use a dark grey gradient with halo under the machine, that black is a bit hard I think.

I would try something like that but grey.

31-01-2006, 10:17	#1 (permalink)
finbarr who the fuck am i? Join Date: Apr 2005 Location: london Posts: 2,508	fixed position in IE Putting together a new one page scrolling site but am getting some wierd rowser reaction to a fixed body background image: temp page Is everyone else getting this juttery kind of movement on scroll? Doesnt happen in FF obviously only IE. I dont mind serving diffrent CSS to ie browsers but would prefer to know why its doing it rather than simply implementing a workaround. Any comments on the design/etc appreciated as always as this one is a bit of a departure for me.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

31-01-2006, 10:26	#2 (permalink)
d*d Moderator Join Date: Oct 2004 Location: Bristol Posts: 3,305	I'm wondering if you need the background image at all, it fights with the copy for attention

31-01-2006, 10:48	#4 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,527	I'd prefer the image on the left and copy on the right. Also, bigger gap between the two. Scrolls fine (firefox though).

31-01-2006, 10:52	#5 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,200	the scrolling is very fucked (unresponsive and jerky) in IE. haven't time to look and find out why yet though.

31-01-2006, 11:10	#8 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,200	yeah shouldn't be a problem. any reason for the xml prolog being in there? it would put IE into quirksmode if it was on the first line. not sure why or what it would do where it is. try take it out.

31-01-2006, 11:17	#10 (permalink)
mx fucksocks™ Join Date: Jun 2005 Location: in the boosh Posts: 1,623	yep. it's fucked in IE tab. never seen that before.

31-01-2006, 11:20	#11 (permalink)
finbarr who the fuck am i? Join Date: Apr 2005 Location: london Posts: 2,508	it'sgot something to do with the bg image for the fcol? Bascially I have a 2 pixel gif that repeats - if you reduce the browser width you'll see why its there - opacity fake. But when I take it out its fine? WTF?

31-01-2006, 16:04	#15 (permalink)
Red Cap senior member Join Date: Sep 2005 Location: auckland, nz Posts: 274	yep piece of shit, i think it just has problems rendering any repating gifs with transparency. I had a similar problem with some moo.fx slide out drawers that had a repeating gif bg with transparency, IE fucked up the effect and the animation became really sluggish. Ideas for your site; either get rid of the repeating gif altogether or maybe instead of a 2x2 gif enlarge it to something IE can manage rendering repeatedly maybe 100x100?- not sure that would work though! The solution i can up for my on my site was less than ideal, but i had an IE only rule that specified a fully opaque bg for IE while firefox got the pretty pseudo transparent bg.

01-02-2006, 16:06	#17 (permalink)
d3mcfadden Senior Member Join Date: Apr 2005 Location: - Posts: 694	Good news.. IE is a piece of shit and its not your fault. Bad news.. its going to continue to be a piece of shit, I just tried it in the new IE 7 beta version - same issue.

02-02-2006, 05:11	#19 (permalink)
John Good + Join Date: May 2005 Location: Tropical Networks Posts: 1,590	may I suggest a little less contrast ? you could use a dark grey gradient with halo under the machine, that black is a bit hard I think. I would try something like that but grey.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)