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/

  1. your code missing <td>
  2. all parent elements (including html , body) needs height.

    html,body{ height:100% }


Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -