Advertisement
erodemobiles

HTML Code

Apr 26th, 2011
523
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.92 KB | None | 0 0
  1. <html>
  2. <head>
  3.     <style>
  4.         html
  5.         {
  6.             overflow:hidden;
  7.         }
  8.         body
  9.         {
  10.             margin:0;
  11.             padding:0;
  12.         }
  13.         #left
  14.         {
  15.             float:left;
  16.             background-color:#f1a2c3;
  17.             height:100%;
  18.             width:150px;
  19.         }
  20.         #center
  21.         {
  22.             background-color:#1a2c3b;
  23.             height:100%;
  24.            
  25.         }
  26.         #right
  27.         {
  28.        
  29.            
  30.             height:100%;
  31.             width:200px;
  32.             float:right; /* outer-wrapper je u nivou sa right-col, prvi ima float:left, a drugi float:right */
  33.             background-color:#33bbff;
  34.         }
  35.         #outer-wrapper
  36.         {
  37.            
  38.             float:left;
  39.             width:100%;
  40.             margin-right: -200px; /* podesi samo desnu negativnu marginu, leva pravi problem */
  41.             height:100%;
  42.            
  43.         }
  44.         #inner-wrapper
  45.         {  
  46.         margin-right:200px;
  47.             height:100%;
  48.         }
  49.        
  50.     </style>
  51. </head>
  52. <body>
  53.     <div id = "outer-wrapper">
  54.         <div id = "inner-wrapper">
  55.             <div id="left"></div>
  56.             <div id="center"></div>
  57.         </div>
  58.         </div>
  59.         <div id="right"></div>
  60.    
  61.    
  62. </body
  63.  
  64. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement