Darkmatter5 Posted February 19, 2009 Share Posted February 19, 2009 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! Quote Link to comment Share on other sites More sharing options...
Darkmatter5 Posted February 19, 2009 Author Share Posted February 19, 2009 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> Quote Link to comment Share on other sites More sharing options...
jcombs_31 Posted February 19, 2009 Share Posted February 19, 2009 You're currently setting bldlvl1 to display:none; so how are you even seeing what is is doing? Quote Link to comment Share on other sites More sharing options...
Darkmatter5 Posted February 19, 2009 Author Share Posted February 19, 2009 Oh it gets turned on by a radio button on the page. That shouldn't affect the div. Quote Link to comment Share on other sites More sharing options...
jcombs_31 Posted February 19, 2009 Share Posted February 19, 2009 What is it doing now? A div is a block element and should fill the width of its container. Do you have a link you can provide? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.