رفتن به مطلب

مشکل با طراحی قالب سه ستونه


پست های پیشنهاد شده

دوستان وقت بخیر ببنید بخشی که در عکس هست رو میخوام بیارم وسط بیاد بین دو تا سایدبار ها اما css ماندم چی بهش بدم میشه کمک کنید چطوری میاد وسط.

فایل PHP

<div id="main">
<div id="sidebar-right"></div>
<div id="homenews"></div>
<div id="sidebar"></div>
</div>

 

 

فایل CSS

#main{
	margin:0 auto;
	width:980px;	
}
#sidebar-right{
	float:right;
	background:#0f94e9;
	width:200px;
	height:500px;
	margin-left:5px;	
	margin-bottom:10px;
}
#homenews{
	float:left;
	width:570px;
	height:500px;
	margin-bottom:10px;
	background:#666;
}

#sidebar{
	float:left;
	background:#0f94e9;
	width:200px;
	height:500px;
	margin-left:5px;	
	margin-bottom:10px;
}

 

2016-07-11_23-00-08.png

ویرایش شده توسط irmacfa
لینک به ارسال
در 9 ساعت قبل، irmacfa گفته است :

دوستان راهنمایی میکنید :wacko:

باید یه المنت دیگه درست کنید به عنوان نگه دارنده‌ی دوتا المنت سمت چپ و flaot این المنت (نگهدارنده) رو left قرار بدین و بعدش المنت‌های داخلی رو یکیش رو flaot:right بش بدین و یکی رو float:left بش بدین، با انجام این کار اون المنت داخلی که flaot:right داره در صفحه‌ی وب وسط نشون داده میشه.

پ‌ن: این چیزی که گفتم کاملا یهویی بود، شاید جواب نده!

ویرایش شده توسط Farshad
لینک به ارسال

قبل از اینکه روش بالا رو انجام بدین flaot قسمت homenews رو کلا بردارین ببینید نمیاد وسط.

ویرایش شده توسط Farshad
لینک به ارسال
در 10 ساعت قبل، irmacfa گفته است :

دوستان راهنمایی میکنید :wacko:

قبل از اینکه روش بالا رو انجام بدین flaot قسمت homenews رو کلا بردارین ببینید نمیاد وسط.

لینک به ارسال

float همه رو روی right بذارین .اینجوری هر کدومشون که تو فایل php اول(بالاتر ) باشن اول میان و دومی دوم میاد و به همین ترتیب.

مثلا اگه سه تا المنت داشته باشیم به این صورت

<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>

و float همشون رو right گذاشته باشین.به ترتیب box1 بعد box2 و در آخر box3 به ترتیب از راست به چپ چیده میشن.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...