Add width: 100%
to the button input and remove width: 300px; float: left;
from the #search
.
That should fix it.
Вопрос
I have been modifying SourceBans to look more modern and I came into a little pickle That is that I want the search field to be in the right below the links on the top like this:
Here's a live version of the current page: ☻
Additional Resources:
Решение
Add width: 100%
to the button input and remove width: 300px; float: left;
from the #search
.
That should fix it.
Другие советы
float: left;
from both #nav
and #search
width
from #search
width:100%
(and a little padding-top)
Try to add this:
/*
This container do not need to float: left, just use this:
*/
#search
{
/* margin-left: 590px; my mistake ;) */
padding: 2px 0 0;
text-align: left;
width: 300px;
}
/* remove default marging and padding of the form element */
#search form
{
margin: 0;
padding:0;
}
/* grow searchbox to full width, if wanted */
#search .searchbox
{
width: 100%;
}