Forum Moderators: open
Having decided to swap from IE to Firefox I duly loaded FF and fired it up with one of my own sites. I was not happy to find the the page layout on the screen was "broken". It seemed that FF was unable to handle the vertical sizing on tables and cells, resulting in overlaps between adjacent cells. I tried several other sites of my own and found the same thing... probably due to a similarity of page templates.
After hours of looking for the offending code, and apalled at the thought of having to repair a more pages than I want to think about, I found nothing obviously wrong.
As a last resort I cut the page into the individual tables, rearranged them in random order, and saved the page. I then put the tables back into the correct sequence and HEY PRESTO.... everything was as it should be.
The way I see it, not one single key stroke of code was changed... everything was exactly as before. Yet to FF, there must have been a difference.
Can anyone offer suggestions on what is happening... and more importantly, recommend a fix that does not involve manual repair of individual pages?
Here's a hearty thread that explores the topic:
[webmasterworld.com...]
If indeed this is where your rendering differences lie, you'll be glad you got up to speed on the issue. Your fix for now may be as simple as changing your DTD, or a few CSS rules.