Have Geek Brain

Full-size columns with floating content?

My site is here:

Green McP

I'm trying to put my old WP Resource site in the Expression Engine (giggle only) and I'm sticking with my project layout: I need a grid of my projects, each of which has divs with set height / width, If I don't leave them to the left. they just stack vertically. If I float them to the left, they arrange as I want, but the #column in the background loses its height and therefore BG. This allows it to be made larger with a minimum height: 700px, but that won't work in IE as I was told. What other way to get things in grids (no tables, desirable).

Thanks!

0


a source to share


2 answers


You just need to clear the floats.

You can add overflow: hidden;

to container #column

.



For more information and information on 'clearfix' see: http://www.webtoolkit.info/css-clearfix.html

+1


a source


You will need to do one of the following:



  • Make # column float to the left; or
  • Set overflow: auto

    to #column
0


a source






More articles:


All Articles