خوب ببخشید اینم کدش البته کدش یکم طولانیه (هرچند سعی کردم قسمت هایی رو حذف کنم)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">
<html>
<head>
<meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"Content-Type" content="text/html; charset=utf-8"/>
<style>
body{
margin:0;
font-size:12px;
font-family:tahoma, arial;
direction:rtl;
}
#div_main{
margin:auto;
width:800px;
}
#div_header{
width:800px;
margin-bottom:10px;
}
#div_header #div_menu{
height:20px;
}
#div_header #div_menu ul{
list-style:none;
display:inline;
}
#div_header #div_menu ul li{
display:inline;
padding:0px 15px;
}
#div_header #div_main_menu{
clear:both;
height:30px;
background:url(../image/main_menu.gif) top no-repeat;
}
#div_header #div_main_menu ul{
list-style:none;
display:inline;
}
#div_header #div_main_menu ul li{
display:inline;
padding:0px 15px;
}
#div_header .div_detail{
height:30px;
float:left;
}
#div_header .banner{
height:110px;
width:800px;
}
#div_content_top{
float:left;
width:650px;
height:25px;
background-image:url(../image/content_top.gif);
}
#div_content_bottom{
float:left;
width:650px;
height:25px;
background-image:url(../image/content_bottom.gif);
}
#div_body{
width:800px;
clear:both;
background-color:#CCCCCC;
}
#div_content{
float:left;
width:648px;
height:auto;
border-right:1px solid #99cc33;
border-left:1px solid #99cc33;
text-indent:20px;
}
#div_right{
width:140px;
float:right;
margin-left:7px;
}
#div_footer{
margin-top:20px;
clear:both;
height:20px;
text-align:center;
font-size:10px;
}
#div_footer ul{
list-style:none;
}
#div_footer ul li{
display:inline;
padding:0px 10px;
border-left:1px solid #000000;
}
</style>
</head>
<body>
<div id="div_main">
<div id="div_header">
<div id="div_menu">
<ul>
<li><a href="index.php">صفحه ی اصلی </a></li>
<li><a href="tour.php">تورهای گردشگری</a></li>
<li><a href="show_register_tour.php">ثبت نام در تور</a></li>
<li><a href="gallery.php">گالری</a></li>
<li><a href="index.php">نتایج قرعه کشی</a></li>
<li><a href="index.php">مدیریت</a></li>
</ul>
</div><!--div_menu -->
<div class="div_detail">
<form action="../search.php" method="post">
<label>جستجو</label>
<input name="key" type="text" size="10" />
<input name="search" type="image" src="image/b_search.png" />
</form>
</div><!--div_detail -->
<div class="banner">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]=6,0,29,0" width="800" height="110">
<param name="movie" value="image/banner1.swf" />
<param name="quality" value="high" />
<embed src="image/banner1.swf" quality="high" pluginspage="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]" type="application/x-shockwave-flash" width="800" height="110"></embed>
</object>
</div><!--div_banner -->
<br /><br /><br />
<div id="div_main_menu">
<ul>
<li>1</li>
<li>2</li>
<li>2</li>
<li>2</li>
<li>2</li>
</ul>
</div><!--div_main_menu -->
</div><!--div_header -->
<div id="div_body">
<div id="div_right">
<img src="image/10.jpeg" width="100px" height="100px"/>
</div>
<div id="div_content_top"></div>
<div id="div_content">
<p>س</p>
<p>س</p>
<p>س</p>
<p> </p>
</div>
<div id="div_content_bottom"></div>
</div>
<div id="div_footer">
<ul>
<li><a href="../index.php">صفحه ی اصلی </a></li>
<li><a href="../index.php">تورهای گردشگری</a></li>
<li><a href="../index.php">ثبت نام در تور</a></li>
<li><a href="../index.php">گالری</a></li>
<li><a href="../index.php">نتایج قرعه کشی</a></li>
<li><a href="../index.php">مدیریت</a></li>
</ul>
</div>
</div>
</body>
</html>
مثلا رنگ background مربوط به div_body در mozilla نشون داده نمی شه
padding مربوط به منوها در قسمت footer و header در mozilla رعایت نشدن
اگر چندتا <br> قبل از main_menu رو برداریم دیگه نشون داده نمی شه
مشاهده نسخه کامل
: