Can you spot the difference? And it's only in Firefox.

Discussion in 'HTML & Website Design' started by mike33pt, Jul 14, 2009.

  1. #1
    Hi all, I need some one with a sharp eye to spoy my mistake in my html.

    I have a number of pages on my site and some of them have a slight difference in the html code. But I just can't spot it.

    Can you spot the difference?

    Would appreciate it.

    Here's two pages and if you switch from one to the other you will see the whole page jump a few pixels one way then back again.

    http://seograsshopper.com/
    http://seograsshopper.com/our_services.php

    Thanks

    Mike
     
    mike33pt, Jul 14, 2009 IP
  2. xopacuo

    xopacuo Peon

    Messages:
    69
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi man, I dont see any jump?
     
    xopacuo, Jul 14, 2009 IP
  3. mike33pt

    mike33pt Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks for the quick reply.

    Yes if you click on http://seograsshopper.com/our_services.php


    Then on the head logo which is the link to the index page and back again.

    You will see the whole page jump about 4 pixels to the left then the right.

    I set the main table border to 1 pixel to show the borders and it is the whole page that jumps.

    There are about 20 pages on the site and half go one way and the others go the other way.

    Yeah scratching my head on this one...

    Only in firefox though.

    Thanks
     
    mike33pt, Jul 14, 2009 IP
  4. xopacuo

    xopacuo Peon

    Messages:
    69
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Well, it really jumps but for just a part of the second then became at the right position, and this happens not every time. I think it can be from loading the page content, the browser loads them in parts and you have more graphics in the page and it load them one by one according to the css rules. but this is just a suggestion.
    Try to view website in opera or google's browser :( hm and maybe try from some other PC with fast connection
     
    xopacuo, Jul 14, 2009 IP
  5. Staris

    Staris Peon

    Messages:
    75
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Yea I see it.. Whos site is this? Just random? Or what they might want to fix this since sooo many people use firefox.
     
    Staris, Jul 14, 2009 IP
  6. mike33pt

    mike33pt Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    It's my site. And although its only a couple of pixels it just does not feel right when it jumps. I would like to fix it.

    Thanks
     
    mike33pt, Jul 14, 2009 IP
  7. Staris

    Staris Peon

    Messages:
    75
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks. It is just weird. I guess you will need to move it to right or left. I guess you must choose. Which Shall it be? The Red Or Blue Pill?
     
    Staris, Jul 14, 2009 IP
  8. engr.adeel

    engr.adeel Peon

    Messages:
    58
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    i can see it but this is just for a while
     
    engr.adeel, Jul 14, 2009 IP
  9. iatbm

    iatbm Prominent Member

    Messages:
    5,151
    Likes Received:
    352
    Best Answers:
    0
    Trophy Points:
    360
    #9
    I don't see it but it may be because of images and content loading as someone already mentioned. It seems perfectly fine here using Firefox 3.0.7
     
    iatbm, Jul 14, 2009 IP
  10. xopacuo

    xopacuo Peon

    Messages:
    69
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    at FF 3.0.7 is also ok, i think there is nothing to worry about
     
    xopacuo, Jul 14, 2009 IP
  11. Methok

    Methok Peon

    Messages:
    97
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Hiya,

    I dont know how much this will help if at all but when I made a website and centered it in the middle of the screen by using

    
    margin: 0 auto;
    
    PHP:
    I found the page would jump when going from a page which was less than 100% height. to one what was over.

    The way I found this helped was to add the the following to the .css:

    
    html {
    min-height: 100%;
    }
    
    PHP:
    This helped me but not sure if its whats causing you issues as I am still very new to anything to do with websites.

    If I never helped at all then sorry. :)

    - Methok
     
    Methok, Jul 14, 2009 IP
  12. shworth

    shworth Peon

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    shworth, Jul 14, 2009 IP
  13. mike33pt

    mike33pt Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Absolutely bang on.

    Yes IE put a scroll bar on the right wether it needs one or not.

    The scroll bar was shoving it over.

    The answer then is to extend the depth of my pages so it sets a scroll bar on every page in firefox.

    I really appreciate you spotting that.

    Thanks again
     
    mike33pt, Jul 14, 2009 IP