| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <!DOCTYPE html>
- <html>
- <head>
- <style type="text/css">
- html {
- width: 100%;
- height: 100%;
- max-height: 100%;
- margin: 0px;
- padding: 0px;
- background-color: blue;
- }
- body {
- width: 100%;
- height: 100%;
- max-height: 100%;
- margin: 0px;
- padding: 0px;
- background-color: orange;
- }
- #header {
- width: 100%;
- height: 38%;
- margin: 0px;
- padding: 0px;
- background-color: red;
- }
- #main {
- width: 100%;
- height: 62%;
- margin: 0px;
- padding: 0px;
- background-color: green;
- }
- #container {
- width: 80%;
- max-width: 864px;
- margin: 0px;
- padding: 0px;
- background-color: green;
- }
- #footer {
- width: 100%;
- height: 38%;
- margin: 0;
- padding: 0;
- background-color: gray;
- }
- </style>
- </head>
- <body>
- <div id="header">
- <h1>Hello</h1>
- </div>
- <div id="main">
- <div id="container">
- </div>
- </div>
- <div id="footer">
- </div>
- </body>
- </html>
|
