html - Make table 100% of parents height? -


I have created a jsfiddle to show my problem:

  & lt; Section class = "text clearfix" data-theme = "white" & gt; & Lt; Div class = "bemassung" & gt; & Lt; H3 & gt; Bichchucunnen Bis Zoo Folgaden Maximanal Alabama? En darfa? RBR: & lt; / H3 & gt; & Lt; Table & gt; & Lt; TR & gt; & Lt; Td> Art Fear Bashing & lt; / Td> & Lt; TD & gt; Länge & lt; / TD & gt; & Lt; TD & gt; Breite & lt; / TD & gt; & Lt; TD & gt; Höhe & lt; / TD & gt; & Lt; TD & gt; Gewicht & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Img src = "property / pictures / charts / writingingsizeboat / naslak page" /> & Lt; P & gt; Nose & lt; / P & gt; & Lt; / TD & gt; & Lt; Td> 18.000mm & lt; / Td> & Lt; Td> 4.000mm & lt; / Td> & Lt; Td> 4.000mm & lt; / Td> & Lt; Td> 40.000 kg & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Div & gt; & Lt; / Section & gt; Section {background color: black; }. Bemassung {range: 20px solid transparent; Border image: URL (../images/chart/ListangSizeBot/Raja.png) 150 Section; -webkit-border-image: url (../ Images / charts / writingSizeboat / ruler.png) 150 Section; Border-left: 0; Border-right: 0; Border-down: 0; Box-Size: Boundary Box; Width: 924px; Height: 100px; Margin top: 50px; Background color: RGB (219, 215, 213); }. Bemassung h3 {padding-left: 20px; Padded-top: 20px; }. Basmong Table {Width: 100%; Height: 100%; Background color: RGB (219, 215, 213); }. Bemassung table tr: First-child {background color: RGB (237, 236, 235); }. Bemassung table td {padding-top: 10px; Padding-bottom: 10px; Padding-left: 20px; Border: 1px solid # 999; Color: RGB (98, 89, 87); Font-weight: normal; } .bemassung table td b {font-size: 1.2im; Color: RGB (98, 89, 87); } .bemassung table TD: first-child {boundary-left: 0; }. Bemassung table td: Last-baby {boundary-right: 0; }. Bemassung table tr: last hair TD {border bottom: 0; } .bemassung img {height: 40px; Paddle-right: 40px; Vertical-align: medium; } .clarfix: after {visibility: hidden; Display area; material:""; Clean both; Height: 0}   

As you can see that the section is not the full height of the table. I tried to search for solutions, like 100% height, etc., but anything seems to work, what can I do? I can not use a certain height

Use the following CSS (I have removed the color of the table so you can see the size for the section )

  section {status: absolute; Height: auto; Background color: yellow; }. Bemassung {range: 20px solid transparent; Border image: URL (../images/chart/ListangSizeBot/Raja.png) 150 Section; -webkit-border-image: url (../ Images / charts / writingSizeboat / ruler.png) 150 Section; Border-left: 0; Border-right: 0; Border-down: 0; Box-Size: Boundary Box; Width: 924px; }. Bemassung h3 {padding-left: 20px; Padded-top: 20px; }. Basmong Table {Width: 100%; Height: 100%; }. Bemassung table tr: First-child {background color: RGB (237,236,235); }. Bemassung table td {padding-top: 10px; Padding-bottom: 10px; Padding-left: 20px; Border: 1px solid # 999; Color: rgb (98,89,87); Font-weight: normal; } .bemassung table td b {font-size: 1.2im; Color: rgb (98,89,87); } .bemassung table TD: first-child {boundary-left: 0; }. Bemassung table td: Last-baby {boundary-right: 0; }. Bemassung table tr: last hair TD {border bottom: 0; } .bemassung img {height: 40px; Paddle-right: 40px; Vertical-align: medium; } .clarfix: after {visibility: hidden; Display: Block; material: ""; Explicit: Both; Height: 0}    

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -