[Pro] Table height consistency across different browsers

Freeway
1

I have an issue with how a table appear in different browsers which I want to resolve.

I’ve set things up in tables but still there is a discrepancy when viewed in Firefox based browsers which doesn’t appear in Safari. The height of the tables appears different in each browser thus knocking out the alignment of elements at the bottom.
I would like to get more precise control and browser consistency and understand why this is occuring.

http://www.adevlinvisual.com/tabletester/index.html

If anyone has any ideas why this may be happening then it would help.
Results may vary depending on which browser you view this on!

Thanks for any help.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Not sure what I should be looking at here, and what you intend. You might want to make a bunch of screenshots of what you see, and place them side-by-side in narrow slices so we can compare and contrast. If there’s one browser that is showing you what you expect, then highlight that somehow as well. Don’t get rid of the HTML that you are using to make the screenshots – that’s absolutely critical for getting the answer – but if you can point out what doesn’t work for you, that will help us diagnose.

Walter

On Jul 29, 2013, at 10:37 AM, tonzodehoo wrote:

I have an issue with how a table appear in different browsers which I want to resolve.

I’ve set things up in tables but still there is a discrepancy when viewed in Firefox based browsers which doesn’t appear in Safari. The height of the tables appears different in each browser thus knocking out the alignment of elements at the bottom.
I would like to get more precise control and browser consistency and understand why this is occuring.

tabletester

If anyone has any ideas why this may be happening then it would help.
Results may vary depending on which browser you view this on!

Thanks for any help.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Hello Walter,

The issue is with the “next page” button bottom right of table which is the submit button for the form.

Currently I have it set up in freeway where it should be but in Safari and Firefox based browsers this button appears to be up or down out of position from where it is in the freeway file.

I had previously compensated for this in the freeway file so that it would appear in place in Safari. I can also compensate for this placement/position so that the button appears in place in the Firefox derived browsers. However I have not managed to achieve consistent placement for all browsers.
If you look at it now in whatever browser you may use then it will most likely appear to be out of position on most of the pages other than the first and last.
If you need to screenshots then let me know but I hope that this may be enough information to see where the issue is.

Any insight most welcome.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Well, I can’t see what you see in Freeway. It’s important to note that while Freeway’s design view is a completely non-browser thing, not guaranteed to look like ANY browser, its preview mode is an instance of WebKit, so it’s pretty close to a Safari view. (Safari is built on top of WebKit, they are not exactly the same thing.)

If you want a table-based element to be precisely the same dimensions in multiple browsers, you’re going to need to account for differences in font rendering defaults (invisible implied paragraphs inside the table cells push the dimensions around). You may end up with a lot of extra code to get to a result that is not really useful or even a reasonable goal. Nobody besides you will look at this page in more than one browser, and no individual browser can be said to have the definitive lock on how the page should look. The Web is not print, you should expect the browser to change your page, and so you should design so that this doesn’t matter.

After all, my friend Beverly will come along to your site, and if she’s feeling like looking at it rather than just hearing it read out loud to her*, she will have at it with her browser cranked up to a base font size of 92pt. I guarantee that will not match what you see in Freeway!

Walter

*Google end-stage macular degeneration…

On Jul 29, 2013, at 12:03 PM, tonzodehoo wrote:

Hello Walter,

The issue is with the “next page” button bottom right of table which is the submit button for the form.

Currently I have it set up in freeway where it should be but in Safari and Firefox based browsers this button appears to be up or down out of position from where it is in the freeway file.

I had previously compensated for this in the freeway file so that it would appear in place in Safari. I can also compensate for this placement/position so that the button appears in place in the Firefox derived browsers. However I have not managed to achieve consistent placement for all browsers.
If you look at it now in whatever browser you may use then it will most likely appear to be out of position on most of the pages other than the first and last.
If you need to screenshots then let me know but I hope that this may be enough information to see where the issue is.

Any insight most welcome.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Thanks Walter.
Thanks also for the google reference!
Designing for people with declining vision is an area which I’m afraid I have only touched on over the years. Many challenges to be faced.

I am currently trying a few other options regards the button in question so the pages may vary in their appearance and presentation over the next few hours.

I had thought I could leave the button blank but still with the submit function in place and place the actual graphic for it outwith and behind the table but this does not appear to work as the submit does not work. The graphic item in the cell in the table appears to need content.

From what I recall the submit button needs to be part of the table to work, is this correct?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options