i’m now starting designing with proper mark-up and organization. and now, i have problem with my div border. it does not enclose all ot the div’s content.
this is my html snippet:
<div id='paneMiddle'> <div id='subPaneLatestItems'> <p id='latestItemsTitle'>Latest Shop Items:</p> <div> <img src='img/flower1.jpg' /> <span id='itemName'>Ballpen</span> <br/><span id='itemPrice'>Php 90.00</span> </div> </div></div>
and here’s my css:
div#paneMiddle>div{ /*All divs that are children of div#paneMiddle*/ width:590px; margin:5px 5px 5px 5px; position:relative; border-color:#FFCC33; border-style:solid; border-width:thin; position:relative; }
why doesn’t this work? thanks
See if adding the clearfix class to your div fixes anything
http://www.webtoolkit.info/css-clearfix.html