Page Looks Different on Different Machines. Please Help!

Okay, here it is. I have two pages. Both are basically html tables and both are virtually identical. The problem is that one (http://ohiobuttons.org/test/ASFform-Working.html) looks perfect on my desktop monitor with Firefox, and acceptable with IE, but looks wonky on one of my laptops with both browsers. The second one (http://ohiobuttons.org/test/ASFform-Working1.html) looks perfect on the laptop with Firefox, and acceptable with IE, but wonky on my desktop. Both look bad on my second laptop. I need a page that looks good on all my devices (and hopefully others as well).

All devices are running windows 7, 64-bit, Firefox v45 and IE 11. My desktop has a square monitor running at 1280x1024. Both laptops ware running at 1600x900.

This should be straight forward html, nothing tricky. I don't know what the problem is and don't know how to fix it. It's probably something simple that I'm missing. Can someone please help with this.

Thanks in advance,
Jim

Your pages are not responsive. See this.

Arie. First, let me just say that I'm not trying to make the pages compatible to phones or tablets or other such devices. That said, while your solution might explain the differences between my laptop and desktop monitors (different resolutions), I don't believe it explains the differences between my two laptops (same resolutions). I've dealt with html tables before on other pages and never had this problem. So while your recommendation might be an elegant solution, I honestly believe that the solution to my problem has to be much simpler. Thanks anyway.

Jim

Quote:

---

Originally Posted by Jim Weinberg

So while your recommendation might be an elegant solution, I honestly believe that the solution to my problem has to be much simpler. Thanks anyway.

---

Maybe the problem has to do with the fact that your pages don't validate, see this and this.

ok i dont know how old this post is bit the only differance i see on both pages is view-source:http://ohiobuttons.org/test/ASFform-Working1.html on line 20 compared to the other page and i see on line 21 you have a space , try removing </head> from line 20 as you dont need 2 head sections and remove the space on line 21.


spaces can sometimes throw the text off..

molendijk. Thanks for the reply. I realize the the pages won't pass validation yet as they're work in process. I did clean up a couple of items (i.e. doctype and end tags), but it didn't help. Most of the other items (i.e. id=required) I use for internal validation and have used in other forms without any problem.

Zdeamon. Thanks to you too for the replay. I'm not sure what you mean by "2 head sections". There's only one head section in each file. I did remove the blank line 21, however, it didn't fix the problem.

molendijk and Zdeamon. Did either of the pages look "good" on either of your monitors?

Jim

Jim, your pages look good on my laptop, but bad on my iPad Air with vertical orientation. So as soon as the window's width is too small, the pages look bad.

Arie. Are you saying that BOTH pages look good? As I said, I'm really not looking to have the page accessible on a tablet. What does it look like in the horizontal position?:)

Yes, both pages look good on my laptop. In the horizontal position, both pages are acceptable on my tablet. In the vertical position, the left side of both pages is cropped (partially invisible) on the tablet.

Okay, color me confused :confused: Maybe the problem isn't with the pages, but with my laptop(s). Don't you just hate when that happens.:( Not sure where to go now.

Thanks for the reply.

Jim