مشکل در کد نویسی

[F a r s h i d 19]

سلام دوستان

من دارم یه پوسته ایی طراحی میکنم الان 90 درصد کارو انجام دادم الان مونده قسمت فوتر ولی فوتر میاد توی قسمت مطالب و کدهارو 100بار چک کردم ولی باز درست نشد شما فکر میکنید مشکل از چیه ؟

شات : http://up.vbiran.ir/uploads/13113998973381404_2014-05-12_164339.jpg

کدهای PHP :

<div id="content-bg">
<div id="content-bg-all">
	  <div id="last-txt">
		 <li><a>آخرین مطالب</a></li>
	  </div>
	  <div id="content-b">
	   <div class="content">
		 <div class="content-img">
		    <img src="images/theme.jpg" width="445" height="200"  alt=""/>
		    </div>
		    <div class="more">
			 <li><a href="#">توضیحـــات پــوستـه</a></li>
		    </div>
	    </div>
	    <div class="content">
		 <div class="content-img">
		    <img src="images/theme.jpg" width="445" height="200"  alt=""/>
		    </div>
		    <div class="more">
			 <li><a href="#">توضیحـــات پــوستـه</a></li>
		    </div>
	    </div>
	    <div class="content">
		 <div class="content-img">
		    <img src="images/theme.jpg" width="445" height="200"  alt=""/>
		    </div>
		    <div class="more">
			 <li><a href="#">توضیحـــات پــوستـه</a></li>
		    </div>
	    </div>
	    <div class="content">
		 <div class="content-img">
		    <img src="images/theme.jpg" width="445" height="200"  alt=""/>
		    </div>
		    <div class="more">
			 <li><a href="#">توضیحـــات پــوستـه</a></li>
		    </div>
	    </div>
	    </div>
	    </div>
</div>
<!-- footer -->
<div id="footer">
</div>

کدهای CSS :

#content-bg { width:100%; height:350px; background:#F5F5F5;}
#content-bg-all { width:900px; height:350px; margin-top:20px; margin-bottom:20px;}
#last-txt {border-bottom:1px solid #DCDCDC; padding-bottom:5px;}
#last-txt li {list-style:none;}
#last-txt a { font-size:24px;}
#content-b { width:900px; height:auto; margin-top:10px;}
.content { width:445px; height:auto;float:right; margin-bottom:5px; margin-left:5px;}
.content-img { width:445px; height:200px; background:#999;}
.content-img img {width:445px; height:200px;}
.more { width:100%; height:auto; background:#CCC; text-align:center; padding:8px 0 8px;}
.more li { list-style:none;}
.more a { color:#333;}
/** footer **/
#footer { width:100%; height:150px; background:#333;}

[imanfakhar 26231]

اینطوری نمی شه چیزی رو تشخیص داد نشانی آنلاین بگذارید یا سورس کامل صفحه مشکل دار

[فرهاد-سئو 905]

گاهی اوقات این اتفاق می افنته که یا شما از float استفاده کردین و بعدش برای عنصر بعدی خاصیت clear:both; رو نزدین

یا هم یک تگ باز مونده که افزودن </div> به ابتدای فایل فوتر درست میشه

[فرهاد-سئو 905]

در ضمن در کد بالا شما 17 تا تگ دایو ایجاد کردین و 18 تا تگ بستین !

چک کنید ببینید درست انجام دادین؟

ویرایش شده اردیبهشت 93 توسط فرهاد

[F a r s h i d 19]

در ضمن در کد بالا شما 17 تا تگ دایو ایجاد کردین و 18 تا تگ بستین !

چک کنید ببینید درست انجام دادین؟

با گذاشتن clear:both; مشکل حل شد

ممنون