html - How can I set a fixed height for my entire webpage? -
i thought simple fix:
body { height: 1054px; } html { height: 1054px; }
wouldn't set max height of page 1054px
? have tried these workarounds didn't work wanted:
html { overflow: hidden; } <body><table id = "mytable"><tr><td> ..... </tr></td></body> #mytable { height: 100%; }
how set absolute height webpage? more interested in why body
, html
height
calls wouldn't work. lot of position: relative
calls, have effect on it?
width
, height
set absolute widths , heights of element respectively. max-width
, max-height
, min-width
, min-height
seperate properties.
example of page 1054px square content , full background:
html { min-width: 100%; min-height: 100%; background-image: url(http://www.example.com/somelargeimage.jpg); background-position: top center; background-color: #000; } body { width: 1054px; height: 1054px; background-color: #fff; }
however, since seem table styling (urgh), far more sensible set height of table 1054px , let body adjust automatically encompass entire table. (keep html style proposed above, of course.)
Comments
Post a Comment