The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Why are table rows/cell not expanding 100%
CharlesEF
post Feb 23 2017, 09:22 PM
Post #1


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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 here. 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Feb 23 2017, 10:45 PM
Post #2


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



I forgot to say that the problem shows up with any screen resolution greater than 1280x1024
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Feb 24 2017, 11:06 AM
Post #3


.
********

Group: WDG Moderators
Posts: 9,630
Joined: 10-August 06
Member No.: 7



QUOTE(CharlesEF @ Feb 24 2017, 03:22 AM) *

I have a downloads page on my website and the table row/cells did expand to 100%.

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

QUOTE
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.

It seems to show up if you zoom out as well.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Feb 24 2017, 12:06 PM
Post #4


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



QUOTE(Christian J @ Feb 24 2017, 10:06 AM) *
Are the table widths actually set to 100% anywhere? I can only see that their grandparents DIV.lineitem are.
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.

QUOTE(Christian J @ Feb 24 2017, 10:06 AM) *
It seems to show up if you zoom out as well.
Adding 'width: 100%;' to the table class 't0' seems to have taken care of this problem also.


Thanks for the help,

Charles
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 04:56 AM