Advanced Search

Spalten mit gleicher Höhe

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <div id="wrapper">
  2.     <div id="maincontent">...</div>
  3.     <div id="sidebar">...</div>
  4. </div>
  5.  
  6. #wrapper{
  7.     margin:0 auto;
  8.     width:600px;
  9. }
  10.  
  11. #maincontent{
  12.   border-right:solid 200px #DFDFDF;
  13.   position:absolute;
  14.   width:400px;
  15. }
  16.  
  17. #sidebar{
  18.     background:#DFDFDF;  
  19.     margin-left:400px;
  20.     position:absolute;
  21.     width:200px;
  22. }

URL: http://woorkup.com/2009/10/11/really-simple-css-trick-for-equal-height-columns/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Woork+%28Woork+Up+%7C+A+Fresh+Charge+of+Creativity%29

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.