Ana Div İçinde İki Div'den Birini Ortalama

[EnnesUysal]

Merhaba, sorunum basit bir divin içinde iki tane divim var bu divlerden menüyü ortaya almalıyım arama çubuğu da sağa yaslamalıyım.

<div id="nav">                          <div id="kat">                   <div class="menu"><a href="#"><img src="/images/logo_house.png"  height="40"/>Giriş</a></div>                   <div class="menu"><a href="#"><img src="/images/pazar_logo.png"  height="40"/>Pazar</a></div>                   <div class="menu"><a href="#"><img src="/images/ipek_plus_logo.png"  height="40"/>Koartı</a></div>                   <div class="menu"><a href="#"><img src="/images/iletisim_logo.png"  height="40"/>İletişim</a></div>                   <div class="menu"><a href="#"><img src="/images/sohbet_logo.png"  height="40"/>Sohbet</a></div>                         </div>                 <div id="searchbox"><asp:TextBox ID="TextBox1" CssClass="ara" runat="server"></asp:TextBox><img src="/images/arama_logo.png" width="20"/></div>                               </div>

#nav {[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    width: 100%;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    height: 80px;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    background-image: url('../images/bg_nav.png');[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]}[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]#kat{[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    margin:0 auto;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    width:450px;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    height:80px;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]}[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia].menu {[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    float:left;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    width: 90px;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    font-family: Arial;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    font-size: 15px;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    font-weight:bold;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    text-align: center;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]    color: white;[/FONT][/COLOR]

[COLOR=#141414][FONT=Georgia]}[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]#searchbox{[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]       float:right;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]       margin-right:5px;[/FONT][/COLOR]

[COLOR=#141414][FONT=Georgia]       }[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia].ara{[/FONT][/COLOR]

[COLOR=#141414][FONT=Georgia]     height:25px;[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]     background-color:rgba(0, 0, 0, 0.00);[/FONT][/COLOR]
[COLOR=#141414][FONT=Georgia]   }[/FONT][/COLOR]

kodlar bu şekilde lütfen yaptığım hataları ve eksikleri belirtin.

 

[Nöööf]

"Searchbox" divini "nav" dan sonra koy.

<div id="nav">
<div id="searchbox">...</div>
.....
.....