Big Image Making a Page Jump

Hi,

I am using a big image on one page.  When the page loads the image makes a jump.   The page starts loading in one position then jumps to the left and finishes loading there.  I tried taking the pixel size out of the line.  That made the jump smaller, but still the page jumps.  I tried putting the image in a div, and taking it out of a div.  How could I code this big image into the page in such a way that it will not make the page jump over to the left while loading?

Thanks!!

Ubee...
a466-ub52Asked:
Who is Participating?
 
Michel PlungjanIT ExpertCommented:
Can you tell me the dimensions of your image and the resolution of your screen

http://www.htmldog.com/guides/cssintermediate/backgroundimages/
0
 
Michel PlungjanIT ExpertCommented:
Code please...

My guess is you need to give it height and width
0
 
a466-ub52Author Commented:
Hello,

Thanks for your reply!  Before we did use the height & width, same thing.  Including the height & width makes the page will jump when loading.  Removing that made the page jump a little less.  Im thinking of using a div and making the image the background of the div?  Would that work?  How would I do that?

Thanks!!


Ubee..
0
 
a466-ub52Author Commented:
Hello mplungjan,

I made it a div, cleared both sides - firefox required that to keep its positioning correct.  Then set the big image as the background of the div and... it worked!

Thanks for your reply & the link.  It helped me to understand!

Thanks!!

Ubee...
0
 
Michel PlungjanIT ExpertCommented:
:)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.