Advanced Search

CSS Columns with equal height

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <div class="grid">
  2.  <div class="wrap1">
  3.   <div class="col1">...</div>
  4.   <div class="col2">...</div>
  5.  </div>
  6. </div>
  7.  
  8. <style>
  9. /* general styles */
  10. grid {border:1px solid #d9d9bf;}
  11. grid .wrap1 {margin:-1px;}
  12.  
  13.  
  14. /* IE7 and below styles */
  15. .grid {zoom:1;}
  16.  
  17. /* IE6 and below styles */
  18. .grid .wrap1 {position:relative;}
  19. </style>

URL: http://www.onderhond.com/blog/work/css-columns-with-borders

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.