Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #header, #footer {
- height: 10%;
- width: 100%;
- background-color: gray;
- }
- .left, .right {
- display: inline-block;
- height: 80%;
- width: 10%;
- background-color: yellow;
- }
- .right {
- float: right;
- }
- #footer {
- clear: both;
- }
- .center{
- margin: 0;
- background-color: red;
- height: 79.7%;
- width: 79.7%;
- display: inline-block;
- border: 1px solid red;
- }
- ------------------------------------
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>WRD Only</title>
- <script src="mainJS.js"></script>
- <link rel="stylesheet" href="style.css">
- </head>
- <body>
- <div style="width: 100%; height: 100%; position: absolute">
- <div id="header">header</div>
- <div class="left">aa</div>
- <div class="center"></div>
- <div class="right">bb</div>
- <div id="footer">footer</div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement