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

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -