joomla - Need help DIV alignment(position) in css -
i developing joomla template , have 2 div each has 2 divs. border top menu
<div id='menu' class='span12' > <div id='mainmenu' class='span9'> main menu</div> <div id='search' class='span3'> search </div> </div>
i using bootstrap.min.css fine, second(top-menu, search) div in each div(top, menu) showing right after finishing first div under top-border; here css style
#top { background-color: black; height:40px; } #top-border { background-color: red; height:30px; float:left; } #top-menu { background-color: blue; float:right; height:30px; } #menu { background-color: purple; height:50px; } #mainmenu { background-color: yellow; height:40px; } #search { background-color: brown; float:right; height:40px; } #photo { background-color: green; margin-right:-20px; height:300px; }
when put width 100% in #top works fine width changed. idea how solve without using width:100%;
the grid has 12 columns , using 9+3..so full grid. should check margin's in divs, , set them 0. that's why it's working way expected to.
Comments
Post a Comment