daily pastebin goal
64%
SHARE
TWEET

Untitled

a guest Mar 18th, 2019 52 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>RWD Fixed layout</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <style>
  7. #wrapper {
  8.     width:100%;
  9.     height:1000px;
  10.     margin: 0 auto;
  11.     background-color: #CCC;
  12.     border: 2px dashed black;
  13. }
  14. #header {
  15.     width:100%;
  16.     height:200px;
  17.     margin: 0 auto;
  18.     background-color: #F00;
  19. }
  20. #col1 {
  21.     width:16%;
  22.     height:600px;
  23.     float: left;
  24.     margin-right: 10px;
  25.     background-color: #0F0;
  26.    
  27. }
  28. #col2 {
  29.     width:58%;
  30.     height:600px;
  31.     float: left;
  32.     margin-right: 10px;
  33.     background-color: #00F;
  34.    
  35. }
  36. #col3 {
  37.     width:24%;
  38.     height:600px;
  39.     float: left;
  40.     margin-right: 0px;
  41.     background-color: #F39;
  42.    
  43. }
  44. #footer {
  45.     width:100%;
  46.     height:200px;
  47.     margin: 0 auto;
  48.     background-color: #FF0;
  49.     float: left;
  50. }
  51. </style>
  52. </head>
  53. <body>
  54. <div id="wrapper">
  55.     <div id="header">This is the header text</div>
  56.     <div id="col1">left menu would go here</div>
  57.     <div id="col2">main content would go here</div>
  58.     <div id="col3">sponsored ads might go here</div>
  59.     <div id="footer">footer info (copyright, about us, contact us etc) would go here</div>
  60. </div>
  61. </body>
  62. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top