Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Thanked 0 Times in 0 Posts

    What causes table shifting aka pixel jumping?

    Hi there,

    Im looking for possible reasons what causes web pages with the same primary tables but different context &table structure inside them, to shift some pixels left or right when changing from page to page.

    I have heard tables have their issues and that there are better alternatives. But I am editing a popular forum software, phpbb & they are using tables. So obviously someone is using and managing with them. But how?

    This jumping of the tables, seems to be different in different browsers. Also I have had this problem before with regular pages. Then I wasted alot of time for looking for possible differences between the table code of the page. But found none, so was left puzzled & pixels jumping.

    I would be very thankful for all the feedback I get on this.



  • #2
    Senior Coder
    Join Date
    Nov 2003
    Minneapolis, MN
    Thanked 65 Times in 56 Posts
    Browsers need to render tables before rendering content (one of the reasons why CSS-based layouts load quicker than table-based layouts). So on the first pass, the browser renders the table layout, and on the second pass, the browser renders the content. Sometimes the content is larger than the alloted cells (or the cells have been defined to react to the content) and the table shifts.

    CSS +1


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts