SOLVED - Column Widths: Perfect in Chrome, not so in IE and Firefox

SOLVED - Column Widths: Perfect in Chrome, not so in IE and Firefox

qdataqdata Posts: 24Questions: 0Answers: 0
edited April 2013 in General
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!

Replies

  • qdataqdata Posts: 24Questions: 0Answers: 0
    SOLVED ...

    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;}
This discussion has been closed.