HTML-CSS Problem (with DIV)

Question

I'm attempting to put a bunch of div's inside one big div (which has a nice border)

The problem is it's not surrounding the inner divs (it just stays on top of them)

Here is the page:

Maybe you could tell us what part of the page specifically you're talking about. — user229044
– user229044 ♦, Commented Aug 24, 2011 at 18:58
Sounds like an issue with floated inner divs, but I concur with meagar's statement: We need more information. — George Cummins
– George Cummins, Commented Aug 24, 2011 at 19:01
sorry i'm referring to a div called <div class="landing-page-main"> which is part of the main content of the page (surrounding cooktops, ranges, etc.) — pzirkind
– pzirkind, Commented Aug 24, 2011 at 19:05
no worries though brandon's answer worked thanks for your concern and time — pzirkind
– pzirkind, Commented Aug 24, 2011 at 19:05

Brandon · Accepted Answer · 2011-08-24 19:00:45Z

5

Right before the closing tag of <div class="landing-page-main"> add something like this where you clear the float.

<br style="clear:both;"/>

answered Aug 24, 2011 at 19:00

Brandon

70.3k32 gold badges201 silver badges227 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

@pzirkind, no problem. If this solved your problem please remember to mark it as the accepted answer.

just did (it prevented me from doing it earlier) :)

thinklinux · Accepted Answer · 2011-08-24 19:03:23Z

0

Just add float: left to landing-page-main-top, landing-page-main and landing-page-main-bot

answered Aug 24, 2011 at 19:03

thinklinux

1,3779 silver badges13 bronze badges

user194076 · Accepted Answer · 2011-08-24 19:05:16Z

0

I think you also can do this:

.landing-page-main { display: inline-block; }

answered Aug 24, 2011 at 19:05

user194076

9,05524 gold badges103 silver badges159 bronze badges