Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jul 20th, 2012  |  syntax: None  |  size: 0.84 KB  |  hits: 10  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Footer will not use 100% of width
  2. #header {
  3.     padding:5px;
  4.     /* width: 100%; */
  5.     background-color:#272727;
  6.     height:100px;
  7.     margin-bottom:30px;
  8.     -webkit-box-shadow: 0 8px 6px -6px black;
  9.        -moz-box-shadow: 0 8px 6px -6px black;
  10.             box-shadow: 0 8px 6px -6px black;
  11.  
  12. }
  13.        
  14. *, html, body { margin: 0px; padding: 0px; }
  15.        
  16. <html>
  17. <body>
  18.     <div id="wrapper">
  19.         <div id="footer">
  20.             Hii
  21.         </div>
  22.     </div>
  23. </body>
  24. </html>
  25.        
  26. body{
  27. background:red;
  28. width:100%;
  29. height:100%;
  30. padding:0;
  31. margin:0;}
  32.  
  33.  
  34. #wrapper{background:green;
  35. width:100%;
  36. padding:0;
  37. height:100%;
  38. margin:0;
  39. position:absolute;}
  40.  
  41. #footer {
  42. background:#272727;
  43. width:100%;
  44. height:40px;
  45. position:absolute;
  46. bottom:0;
  47. left:0;
  48. margin-top:20px;
  49. -webkit-box-shadow: 0 0px 20px  black;
  50. -moz-box-shadow: 0 0px 20px black;
  51.  box-shadow: 0 0px 20px  black;
  52. }​
create a new version of this paste RAW Paste Data