html - Image inside table make it go overflow even with height blocked on 100% -
i'm going crazy, have website(http://piscagliacostruzioni.it/) divided 3 frames(three rows), in first 1 have table menu, uses around 30 % of height of screen. in table put images, table set 100% fit frame , image set fit cell(only in height, don't care width) expecting image fit in height without overflow, result image going out of frame bottom , not being displayed.
here example: https://jsfiddle.net/danipisca07/g0dpr0cl/
(i used div simulate frame parent)
<div style="height : 10%"> <table style="height: 100%; table-layout:fixed"> <tr height="65%"> <img src="http://piscagliacostruzioni.it/scrittariga.jpg" style="height:100%"/> </tr> <tr heigth="35%"> <img src="http://piscagliacostruzioni.it/contatti/contatti.jpg" style="height:100%"/> </tr> </table>
tried set table-layout fixed , image display property block useless.
i hope help. in advance bye
did mean this: https://jsfiddle.net/g0dpr0cl/2/
- your code missing
<td>
all parent elements (including
html
,body
) needs height.html,body{ height:100% }
Comments
Post a Comment