OK I don't want to lay blame on firefox, but I got your attention, right?

On my development box everything works great. When I upload it to another server a table gets mangled. Unfortunately, its an admin section, so all I can do is show you some static html.

This will look fine, its how the table should look:
http://crunch.phpfunk.com/example_good_layout.html

When the page first loads it always looks ok. If user clicks on on a column heading to sort the layout gets whacked but only 1) on crunch.phpfunk.com and 2) when viewed w/ FireFox 1.0.4(linux) or Mozilla 1.7.12(linux).

By adding a couple tags, I can simulate the bad table layout as a static html page so you can see what it looks like:
http://crunch.phpfunk.com/example_bad_layout.html

Summary:
looks fine on my local machine, any browser
looks messed up on remote machine when viewed w/ firefox or mozilla on Linux OS.
looks fine on both machines w/ IE or firefox 1.0.4 on Windows or Safari 2.0.3 on Mac OS X.

Wow, pulling my hair out. Are you guys and gals running into this too?

Local development machine:
apache 2.0.49, php 4.3.6 running as apache2 handler
Remote machine:
apache 1.3.33, php 4.3.10 running as cgi

Thanks for any input.

    Check for things like an extra quote (opening or closing), thats made it happen for me before, do a view source and copy'n'paste that into an editor and see what happens

      Thanks Bastien. Your idea prompted me to run the HTML output from the PHP page thru tidy and it complained about missing <tr> tags. I was using<thead> by itself for heading columns:

      This caused problems:
      <thead><td>Col 1 name</td><td>Col 2 name</td></thead>

      This works fine 🙂:
      <thead><tr><td>Col 1 name</td><td>Col 2 name</td></tr></thead>

        Write a Reply...