Tue, 2007-05-01 18:40
http://www.morganwaage.com/gallery/test.html
on the page above i have a problem.
i have a series of divs inside one main div.
the divs in the main div have float on them and this makes the main div collapse completely...
how can i have a series of divs inside another div like if they were img tags.
using img, the images will come next to each other until there is no more room then start a new line... same when i am using floats only then the background disappears...
any tips??
Tue, 2007-05-01 18:43
#1
You haven't enclosed your
You haven't enclosed your floats.
Tue, 2007-05-01 18:44
#2
clear your float container?
:?
clear your float container?
Tue, 2007-05-01 18:45
#3
You need to clear the divs
You need to clear the divs that are floated inside of the main div.
When you float a div, it is no longer part of the flow of the page.
Add the floatcontainer class to your main div.
Include this css code in your stylesheet
.floatcontainer:after{content:".";display:block;height:0px;clear:both;visibility:hidden;font-size:0px}
.floatcontainer{display: inline-block;}
/* Hides from IE Mac \*/
* html .floatcontainer {height:1%}
.floatcontainer{display:block}
Tue, 2007-05-01 18:45
#4
Study the properties at your
Study the properties at your disposal in CSS it's a vital to know how they behave.
Tue, 2007-05-01 18:45
#5
TOO MANY COOKS ZOMG
TOO MANY COOKS ZOMG
Tue, 2007-05-01 18:53
#6
I'm a chef, don't ever call
I'm a chef, don't ever call me a cook, You scullery maid you.
Tue, 2007-05-01 19:16
#7
that worked!! thanks!!
that worked!!
thanks!!