Welcome to WebmasterWorld Guest from 54.242.63.214

Forum Moderators: incrediBILL

Message Too Old, No Replies

Background image loads last in firefox

but first in IE

     

Doood

5:19 pm on Jan 24, 2006 (gmt 0)

10+ Year Member



My background image loads fine but in firefox the background image in a table on the page only loads once the rest of the entire page has loaded. This is a logo image so it needs to load right away instead of being delayed.

IE loads this tables background immediately but firefox has a delay. The image it at the top of the page and I tried putting it in a style sheet a the top and it still had a delay.

I read where others tried to preload the background but it still had a delay in firefox. No problems with IE though.

Anyone else have this problem or heard of a fix?

tedster

11:36 pm on Jan 24, 2006 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



The only fix I know of is to place essential images in the foreground. The rendering engines just do what they're programmed to do.

Rani

7:20 pm on Jan 27, 2006 (gmt 0)

5+ Year Member



I recently switched from IE to Firefox and i notice that
Firefox is a little bit slower than IE in displaying images.
There is another problem:
There is an html code - bgproperties="fixed".This is to have the background fixed while scrolling so there is an illusion of the text "gliding" upon the background.
I had this perfectly working with IE but not with Firefox.
Does any body know how to fix this?

Span

7:51 pm on Jan 27, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It is not nice to hijack someone else's thread, Rani.

bgproperties="fixed" is proprietary Microsoft code and has never been valid in any version of HTML. If you want to fix your background image you have to use a bit CSS.


body {
background-image:my_image.jpg;
background:position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
}

or, in shorthand:

body {
background:url(my_image.jpg) no-repeat fixed center top;
}

Background properties [w3schools.com]

Rani

8:52 am on Jan 28, 2006 (gmt 0)

5+ Year Member



Hi Span,
Thanks for the tip.It works.
Sorry for the hijack.
I intentionally searched for a thread about Firefox to post my question.

How should i have done it differently?

 

Featured Threads

Hot Threads This Week

Hot Threads This Month