manager_66
سه شنبه 10 آبان 1390, 23:32 عصر
مشکلم در فایرفاکس حل شد ولی تو ie همچنان به قوت خودش باقیه . من کد هام رو قرار میدم لطف کنید بگین چی کار کنم navigation درست بشه . یعنی منوها در سمت راست و search_box رو در سمت راست نمایش بده . یک چیز دیگه اینکه من ارتفاع nav=35px قرار میدم چرا تو ie پهن تر از مرورگر های دیگست . یعنی ie با height هم مشکل داره ؟!
کد html مربوط به navigation:
<body>
<center>
<div id="container">
<div id="header" >
<div id="banner" ></div> <!-- end of banner -->
<div id="nav">
<div class="nav_menu">
<ul>
<li><a href="#">صفحه اصلی</a></li>
<li><a href="#">ثبت نام</a></li>
<li><a href="#">تماس با ما</a></li>
<li><a href="#">درباره</a></li>
</ul>
</div> <!-- end of nav_menu -->
<div class="search_box">
<input type="text" name="txt_search" id="txt_search"/>
<a href="#"><img src="_images/search.png" alt="search button" class="btn_search"/></a>
</div> <!-- end of serach box -->
</div> <!-- end of nav -->
</div> <!-- end of header -->
کد مربوط به CSS :
*
{
margin:0;
padding:0;
font-family:tahoma;
text-decoration:none;
direction:rtl;
}
#container
{
margin-top:40px;
width:900px;
height:auto;
-moz-border-radius-topright:25px;
-moz-border-radius-topleft:25px;
-webkit-border-top-left-radius:25px;
-webkit-border-top-right-radius:25px;
border-top-left-radius:25px;
border-top-right-radius:25px;
border:2px #000 solid;
overflow:hidden;
}
#banner
{
background:url("../_images/banner.gif");
height:250px;
width:900px;
direction:rtl;
}
#nav
{
background:#360;
width:900px;
height:40px;
direction:ltr;
}
.nav_menu
{
color:#fff;
text-align :right;
font-size:11px;
font-weight:bold;
direction:ltr;
border:1px solid;
float:right;
}
#nav ul
{
list-style-type:none;
}
#nav ul li
{
margin-left:10px;
display:inline;
border-left:1px solid;
margin:-3px 3px;
}
#nav ul li a
{
text-decoration:none;
text-align:center;
padding:5px 5px 5px 8px;
margin:5px 5px 5px 2px;
}
#nav ul li a:link,a:visited
{
color:#fff;
}
#nav ul li a:hover
{
color:#060;
background:#fff;
}
.search_box
{
color:#fff;
direction:rtl;
width:210px;
height:30px;
border:1px solid;
float:left;
}
#txt_search
{
width:130px;
height:23px;
direction:rtl;
float:right;
margin-right:30px;
margin-top:5px;
border:1px solid #93cc23;
}
#txt_search:hover
{
background:#f9fff8;
}
.btn_search
{
width:30px;
height:23px;
border:0;
float:left;
margin-left:19px;
margin-top:5px;
}