Я разрабатываю шаблон joomla, и у меня есть два div, каждый из которых имеет 2 div. Border Верхнее меню Нужна помощь DIV-выравнивание (позиция) в css
<div id='menu' class='span12' >
<div id='mainmenu' class='span9'> Main Menu</div>
<div id='search' class='span3'> Search </div>
</div>
Я использую bootstrap.min.css Все это хорошо, но моя вторая (в верхнем меню, поиск) ДИВ в каждом DIV (сверху, меню) показываются сразу после заканчивая мой первый дивизион, но под верхней границей; Вот мой стиль CSS
#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;
}
, когда я ставлю 100% ширины в #top он работает нормально, но ширина изменяется. Любая идея, как решить эту проблему без использования ширины: 100%;