asked on

HTML CSS, Text ellipsis issue in IE

Dear Experts

I've designed a rather big site that took about 4 months, lots of pages, with lots of dynamic data tables. Everything is working well on my client and tested it in IE7 => IE10, FF20, Chrome, Opera and Safari.

I published the site into production, and again the text ellipsis working on FF, Chrome, Opera and Safari, but IE is totally ignoring it.

Tables CSS:

.tblDyneTable { border-collapse: collapse; width: 600px; table-layout: fixed; }
.tbcDATA { width: 100px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

Open in new window

Am I missing something here ?
Many thanks in advance.

LZ1

We need a live link or at the very least some rendered HTML and all your CSS.

ASKER CERTIFIED SOLUTION

Ishaan Rawat

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

COBOLdinosaur

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Faraj1969

ASKER

OK, LZ1 gave me a hint, so i stripped the software down to one dynamic table with css classes, and populated dummy data (not from SQL), and everything seem to be working fine.

Then I tried to build up the page around it, and I found out that it happens only when I get the data from SQL database.

I also tried second solution, and no change.

Does it make a different if dummy data loaded or from SQL ? I don't get it.

Cheers.

Faraj1969

ASKER

Hi again and really sorry for the delay, where I'm located right now, the internet is a big issue.

However, after discussing here and with some of my colleagues, I decided to take another route, by creating a span and measuring the span then trimming it and adding the 3 dots.

This cross browser business is causing me a real headache.

Many thanks all.

Cheers