مشکل در قرار گرفت دایو در جای خود

[mehran63]

سلام
نه با اون درست نشد
به تصویر زیر توجه فرمایید



در وسط دو کادر قرمز میبینید. کادر قرمز رنگ بالایی یک دایو کلی به اسم level2 است. در داخل این level2 دو دایو دیگه به اسم "bayanat" و "emamha" قرار دارد
همچنین که در عکس میبینید در سمت راست کادر یک دایو کلی سبز رنگ با نام "level4" قرار دارد که شامل سه دایو زرد رنگ با نامهای "last-news" و "top-news" و "prayer-times" است
حالتی که مد نظر است تا اینها در کنار هم قرار بگیرند هم در عکس واضح است

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

کدهای مربوط به template.css

/*@charset "utf-8"; */
/* CSS Document */

/*
# ------------------------------------------------------------------------
# Joomla Free Templates
# ------------------------------------------------------------------------
# Copyright (C) 2012-2020 (..). All Rights Reserved.
# Website:  (..)
# ِDesign by : (..)
# ------------------------------------------------------------------------
*/
@font-face {
	
	font-family: 'pars';
    src: url('../font/IranNastaliq.eot');
    src: url('../font/IranNastaliq.eot?#iefix') format('embedded-opentype'),
         url('../font/IranNastaliq.woff') format('woff'),
         url('../font/IranNastaliq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	color:#006;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	direction:rtl;
}

#main{
	width:75%;
	height:auto;
	margin:0 auto;
	background-repeat:repeat;
	border-radius:5px;	
}

#header {
	height:200px;
	width:100%;
	background-image: url(../images/baghiyatallah.jpg);
	background-repeat: no-repeat;
    background-position: right top;
	border-radius:5px;
}

#search {
	float:left;
	height:25px;
	width:250px;
	padding-top:180px;
	color:#333;
}

/*::::: menu :::::*/

#menu {
	direction:rtl;
	font-family:"IranNastaliq";
	font-size:54px;
}

#hot-news{
	width:100%;
	height:20px;
	background-color:#E9E6E6;
}

#level1 {
	width:100%;
	height:450px;
	float:right;
	margin:0 auto 5px auto;
	display: block;
}

#slider {
	height:340px;
	width:60%;
	float:right;
	border-radius:5px;
	background-color:#999;
	margin-right:10px;
	margin-top:5px;
}

#notice{
	color:#FF9
	height:340px;
	width:37%;
	background-color:#ECF1F5;
	border-radius:5px;
	float:right;
	padding-top:0px;
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
	background-repeat: no-repeat;
    background-position: right top;
	
	
	background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
	background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
	background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
	background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
	background: linear-gradient(top, #FF9 0%,#3C0 100%);
}


#notice h3 {
	color: #fff;
	background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
	background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
	height: 20px;
	/* line-height: 44px; */
	padding-right: 24px;
	border-bottom-style:double;
	border-bottom-color:#000;
	font-size:12px;
	margin-top: 0;
}

#other-website {
	height: auto;
	width: auto;
	border-radius: 5px;
	background-color:#ECF1F5;
	float: left;
	margin-top:30px;
}

#other-website ul li {
 	list-style: none outside none;
}

#level4 {
	float:right;
}

#last-news {
	height: auto;
	width: 200px;
	border-radius: 5px;
	background-color:#ECF1F5;
	font-size:12px;
	direction:rtl;
	line-height:20px;
	margin-left: 10px;
}

#last-news ul li {
 	list-style: none outside none;
}

#last-news ul li:before {
 	list-style: none outside none;
	content: "\0BB \020";
	font-size:16px;
 	color:#E230B7;
 }

#last-news h3 {
	color: #fff;
	background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
	background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
	height: 20px;
	/* line-height: 44px; */
	padding-right: 24px;
	border-bottom-style:double;
	border-bottom-color:#000;
	font-size:12px;
	margin-top: 0;
}

#top-news{
	height: auto;
	width: 200px;
	border-radius: 5px;
	background-color:#ECF1F5;
	font-size:12px;
	direction:rtl;
	line-height:20px;
	margin-top:10px;
	margin-left: 10px;
	left:10px;
	clear:both;
}

#top-news ul li{
	list-style: none outside none;
}

#top-news ul li:before {
 	list-style: none outside none;
	content: "\0BB \020";
	font-size:16px;
 	color:#E230B7;
 }

#top-news h3 {
	color: #fff;
	background: -moz-linear-gradient(top, #E230B7 0%, ##E230B7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E230B7), color-stop(100%,#E230B7));
	background: -webkit-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: -o-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: -ms-linear-gradient(top, #E230B7 0%,#E230B7 100%);
	background: linear-gradient(top, #E230B7 0%,#E230B7 100%);
	height: 20px;
	/* line-height: 44px; */
	padding-right: 24px;
	border-bottom-style:double;
	border-bottom-color:#000;
	font-size:12px;
	margin-top: 0;
}

#prayer-times{
	height: auto;
	width: 200px;
	border-radius: 5px;
	background-color:#ECF1F5;
	direction:rtl;
	margin-top:10px;
	margin-left: 10px;
	left:10px;
}

#content {
	width: auto;;
	height: auto;
	margin:0 auto;
	margin-top: 30px;
	border-radius: 5px;
	margin-right: 5px;
	margin-left:5px;
	overflow: hidden;
}


#level2 {
	width:100%;
	float:left;
	height:300px;
	margin:0 10 5px auto;
}

#emamha{
	height:200px;
	width:22%;
	float:right;
	border-radius:5px;
	background-color:#ECF1F5;
	margin-right:10px;
	margin-top:0px;
	direction:rtl;
	line-height:20px;
	
}

#emamha h3 {
	color: #fff;
	background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
	background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
	background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
	background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
	background: linear-gradient(top, #FF9 0%,#3C0 100%);
	height: 20px;
	/* line-height: 44px; */
	padding-right: 24px;
	border-bottom-style:double;
	border-bottom-color:#000;
	font-size:16px;
	margin-top: 0;
}

#bayanat{
	height:200px;
	width:22%;
	float:right;
	border-radius:5px;
	background-color:#ECF1F5;
	margin-right:10px;
	margin-top:5px;


}

/* #bayanat .globalnews {
    height: 259px;
}
*/

#bayanat h3 {
	color: #fff;
	background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
	background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
	background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
	background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
	background: linear-gradient(top, #FF9 0%,#3C0 100%);
	height: 20px;
	/* line-height: 44px; */
	padding-right: 24px;
	border-bottom-style:double;
	border-bottom-color:#000;
	font-size:16px;
	margin-top: 0;
}

#news{
	height:200px;
	width:22%;
	float:right;
	border-radius:5px;
	background-color:#ECF1F5;
	margin-right:10px;
	margin-top:5px;
	overflow:hidden;
	clear:both;
}

#news h3 {
	color: #fff;
	background: -moz-linear-gradient(top, #FF9 0%, #3C0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9), color-stop(100%,#3C0));
	background: -webkit-linear-gradient(top, #FF9 0%,#3C0 100%);
	background: -o-linear-gradient(top, #FF9 0%,#3C0 100%);
	background: -ms-linear-gradient(top, #FF9 0%,#013953 100%);
	background: linear-gradient(top, #FF9 0%,#3C0 100%);
	height: 20px;
	/* line-height: 44px; */
	padding-right: 24px;
	border-bottom-style:double;
	border-bottom-color:#000;
	font-size:16px;
	margin-top: 0;
}

#level3 {
	width:100%;
	height:300px;
	margin:0 10 5px auto;
	display: block;
}

#picture{
	height:300px;
	width:32%;
	float:right;
	border-radius:5px;
	background-color:#999;
	margin-right:10px;
	margin-top:15px;
}

#voice{
	height:300px;
	width:32%;
	float:right;
	border-radius:5px;
	background-color:#999;
	margin-right:10px;
	margin-top:15px;
}

#film{
	height:300px;
	width:32%;
	float:right;
	border-radius:5px;
	background-color:#999;
	margin-right:10px;
	margin-top:15px;
}

#mashahir{
	height:auto;
	width:980px;
	border-radius:5px;
	background-color:#CCC;	
	clear:both;
	margin-top:15px;
	margin-right:10px;
}

#footer {
	font-family:IranNastaliq;
	font-size:14px;
	height:auto;
	width:980px;
	border-radius:5px;
	background-color:#ECF1F5;	
	clear:both;
	text-align:center;
	margin-right:10px;
	margin-top:15px;
	overflow:hidden;
}

a {
	text-decoration: none;
}

a:visited {
	color:#0000EE;
}