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

Popular posts from this blog

c# - how to write client side events functions for the combobox items -

exception - Python, pyPdf OCR error: pyPdf.utils.PdfReadError: EOF marker not found -