Printable Version of Topic

Posted by: CharlesEF Feb 23 2017, 09:22 PM

Hi All,

I have a downloads page on my website and the table row/cells did expand to 100%. The HTML and CSS have been validated and no errors found.

Now that I have a 23" wide screen monitor I have noticed that some tables rows/cells still expand to 100% while some don't. My monitor is set to 1920x1080. The page in question can be seen http://www.cef-inc.com/support/downloads.php. When you click on a title it will open to display the file information. The file information is the table rows/cells that don't expand to 100%. Some do expand correctly, click the 'EliteGroup' or 'Sony VAIO' titles to see what I mean by expanding to 100% width.

I never had this problem until I got this 23" monitor and you might not see the problem unless you use the same screen resolution as I do.

Can anyone tell me why this happens? Or, how do I force all tables rows/cells to expand to 100% width?


Thank you for any and all help,

Charles

Posted by: CharlesEF Feb 23 2017, 10:45 PM

I forgot to say that the problem shows up with any screen resolution greater than 1280x1024

Posted by: Christian J Feb 24 2017, 11:06 AM

Are the table widths actually set to 100% anywhere? I can only see that their grandparents DIV.lineitem are.


It seems to show up if you zoom out as well.

Posted by: CharlesEF Feb 24 2017, 12:06 PM

No, I thought that would be inherited from the DIV. Before I posted I tried to fix the problem by adding 'width: 100%;' to class 'detailstr' but that didn't work. In fact, the rule would show up in the browser inspector as over-ridden (red line through the rule). I never thought of adding the rule to the table class itself. Once I added the rule to the table class 't0' everything started working as it should.

Adding 'width: 100%;' to the table class 't0' seems to have taken care of this problem also.


Thanks for the help,

Charles