Jump to content

more help with floating divs


Darkmatter5

Recommended Posts

I have the following divs

<div id="sections" style="float: left; width: 100px;">sections</div>
<div id="buildings" style="float: left; width: 150px; border-left: 1px gray dashed;">buildings</div>
<div id="bldlvl1" style="display:none;">bldlvl1</div>

 

How can I force the bldlvl1 div to be just below the buildings div, intead of floating to the right?

 

Thanks!

Link to comment
https://forums.phpfreaks.com/topic/145961-more-help-with-floating-divs/
Share on other sites

Ahh "clear:both;" did it.

 

But how could I get the "bldlvl1" div to fill all the way across the page to the edge of it's parent div as all three divs are contained within a div named "content"?

 

Like this:

<div id="content">
  <div id="sections" style="float: left; width: 100px;">sections</div>
  <div id="buildings" style="float: left; width: 150px; border-left: 1px gray dashed;">buildings</div>
  <div id="bldlvl1" style="display:none;">bldlvl1</div>
</div>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.