MyBB Community Forums

I'm trying to add a search bar in the header of my forum, but when i add it... the search bar gets stretched out across the top.

My Header:

Example of what i'm trying to do:


My Header Code:

 <div id="container">
		<a name="top" id="top"></a>
		<div id="header">

<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<tr>
<td class="thead"><strong>Search</strong> <span class="smalltext"><a href="search.php">(advanced search)</a></span></td>
</tr>
<tr>
<td class="trow1" align="right">
<form method="post" action="search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" name="keywords" value="" />
<input type="submit" class="button" value="Go" />
</form>
</td>
</tr>
</table> 

			<div id="logo">
				<div class="wrapper">
					<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
				</div>
			</div>
			<div id="panel">
				<div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
					<div class="wrapper">
						<ul class="menu top_links">
							<li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>
							<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a></li>
							<li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>
						</ul>
						{$welcomeblock}
			</div>
		</div>
		<div id="content">
			<div class="wrapper">
				{$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}
				{$pending_joinrequests}
				<navigation>
				<br /> 

If you want the search floated right across from the logo then try wrapping it in a div:

<div id="container">
         <a name="top" id="top"></a>
         <div id="header">

            <div id="logo">
                 <div class="wrapper">
                     <div class="float_left"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="float_right">
 <form method="post" action="search.php">
 <input type="hidden" name="action" value="do_search" />
 <input type="hidden" name="postthread" value="1" />
 <input type="hidden" name="forums" value="all" />
 <input type="hidden" name="showresults" value="threads" />
 <input type="text" name="keywords" value="" />
 <input type="submit" class="button" value="Go" />
 </form>
</div>
                 </div>
             </div>
             <div id="panel">
                 <div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
                     <div class="wrapper">
                         <ul class="menu top_links">
                             <li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>
                             <li><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a></li>
                             <li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>
                         </ul>
                         {$welcomeblock}
             </div>
         </div>
         <div id="content">
             <div class="wrapper">
                 {$pm_notice}
                 {$bannedwarning}
                 {$bbclosedwarning}
                 {$unreadreports}
                 {$pending_joinrequests}
                 <navigation>
                 <br />