View Full Version : What causes table shifting aka pixel jumping?

12-09-2006, 08:10 PM
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.



12-09-2006, 08:35 PM
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