SOLVED - Column Widths: Perfect in Chrome, not so in IE and Firefox
SOLVED - Column Widths: Perfect in Chrome, not so in IE and Firefox
My test table renders perfect in Google Chrome, however, there is spacing problems in Internet Explorer and Firefox.
The table can be found at this link: http://1031commercialproperties.com/tablel1.html
which includes the following:
Please click on the NUMBER column once when it loads to show a typical, large TENANT / DESCRIPTION column of information.
I tried changing the width to:
This is shown at: http://1031commercialproperties.com/tablel-100.html
Both versions render perfect in Chrome (no difference). However, in IE and Firefox, there is huge spacing problems.
The goal is to have each column respect its header width and date - to float. The perfect resust is already happening in Chrome, however, I am looking for a fix to render this desired look across all browsers.
Thanks in advance for any and all assistance!
The table can be found at this link: http://1031commercialproperties.com/tablel1.html
which includes the following:
Please click on the NUMBER column once when it loads to show a typical, large TENANT / DESCRIPTION column of information.
I tried changing the width to:
This is shown at: http://1031commercialproperties.com/tablel-100.html
Both versions render perfect in Chrome (no difference). However, in IE and Firefox, there is huge spacing problems.
The goal is to have each column respect its header width and date - to float. The perfect resust is already happening in Chrome, however, I am looking for a fix to render this desired look across all browsers.
Thanks in advance for any and all assistance!
This discussion has been closed.
Replies
Yep, you can count on WebKit-based browsers to get it right, and the others to mess it up!
Try adding the following code to the page, just before the closing tag:
table#properties tbody tr td:nth-child(2){width: 50%!important;}