Help with DIV....

allworknoplay · 05-14-2009, 06:38 PM

Hey guys,

Can someone point me in the right direction for this DIV issue I'm having? Below is what I'd like to do. For the sake of brevity, here's my current DIV structure...

And below it is what I'd like done. Pink area's work fine, it's the orange area where I can't seem to get a new DIV to show up...I'd like to have a box that's about 32px in height and 400px in width...

PHP Code:


			
<div id="container">
    <div style="float:left"></div>
    <div style="float:right"></div>
    <div style="float:right"></div>
</div>

Just to add:

If I were to do this in tables. I would have 2 rows, 2 columns. Then the left column would have a ROWSPAN of 2, so it would be a big box. Then on the right side, I would have 2 separate table rows to do as I please...

So I'm trying to do the same thing via DIV's...

CoryMathews · 05-14-2009, 08:25 PM

put an extra div in there right after the two float rights with the style="clear:right" that should do the trick

allworknoplay · 05-14-2009, 08:36 PM

Quote:

Originally Posted by CoryMathews

put an extra div in there right after the two float rights with the style="clear:right" that should do the trick

That sure did it! Thanks...

Now I'll have to look into what "clear" means, but it works!

stewart · 05-15-2009, 04:51 AM

Clearing "clears" floats.

Like in your example, clearing on the right side told the browser to not allow any floated elements on the right side of the element.

You don't need to (and probably shouldn't..) put an extra div in there to achieve this either, you can just add the clear:right to your div that you want to clear the others.

And just for reference, clear: both , would make it drop down below all of the floated elements.

allworknoplay · 05-15-2009, 11:34 AM

Quote:

Originally Posted by stewart

Clearing "clears" floats.

Like in your example, clearing on the right side told the browser to not allow any floated elements on the right side of the element.

You don't need to (and probably shouldn't..) put an extra div in there to achieve this either, you can just add the clear:right to your div that you want to clear the others.

And just for reference, clear: both , would make it drop down below all of the floated elements.

Thanks for the "clear" explanation! Get it? Clear?