Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 197
  • Last Modified:

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...
0
a466-ub52
Asked:
a466-ub52
  • 3
  • 2
1 Solution
 
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
 
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
 
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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now