KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I have a table and I want to define the min-width and max-height properties. See example below. My problem now is that the browser doesn't take it. If I define it on td it gets ignored, if I define it in an div element inside a td element, the content has the right min and max width, but the table still has the same size. (so there is a lot of free space :/) How can I resolve this? EDIT: I just noticed that the problem seems to only occur when the table is in fullscreen mode. Nevertheless, an element shouldn't have more than the max-width than! Example: <html> <head> <style type="text/css"> td { border: 1px solid black; } html,body,.fullheight { height: 100%; width: 100%; } .minfield { max-width: 10px; border: 1px solid red; overflow: hidden; } </style> </head> <body> <table class="fullheight"> <tr> <td class="minfield"> <div class="minfield"> <p>hallo</p> </div> </td> <td><p>welt</p></td> </tr> </table> </body> </html>
Tags (comma-separated)
Save Edits
Cancel