رفتن به مطلب

ایجاد دایو شبیه این تصویر


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

سلام دوستان .

وقت بخیر.

اگه ممکنه عکس رو ببینید :

میخوام دایو نارنجی رنگم همواره زیر دایو آبی در قسمت پایین قرار بگیره و فیکس باشه. حتی اگه مطالب دایو اصلی ( آبی رنگ )زیاد بشه و بیاد پایین , این حالت ثابت بمونه.

این کدهامه , از absoult هم استفاده کردم ولی نتیجه نداد.

css:


.main{width:900px; min-height:500px; background-color:#0099CC; margin:auto; margin-bottom:20px;}
.box-pic{width:100%; height:100px; background-color:#FF9900;}
.foot{width:100%; height:100px; background-color:#993300}

html :


<div class="main"></div>
<div class="box-pic"></div>
<div class="foot"></div>

اون دایو قرمز رنگ , فوتر من هست که همواره پایین قرار میگیره .

و عکس رو هم پیوست میکنم.

مرسی

post-1361-0-08615800-1377174040_thumb.jp

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

شما دایو نارنجی رنگ را داخل یک دایو دیگه قرار بدید بعد به دایوی که دایو نارنجی رنگ درونش قرار گرفته relative بدید بعد به خود دایو نارنجی رنگ absolote یا فیکس بدید و موقیتش را تعیین کنید. بعد هم z-index نارنجی رنگ را کمتر از z-index آبی رنگ کنید.

اینجا را ببینید

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

سلام

ببینید همونطور شده که میخوایید ؟ ....... من اینجا براتون طراحیش کردم ........ طبق این نمونه من حتی 150 پارگراف متن بهش دادم ولی سرجاشه !

لینک به ارسال

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

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

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

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

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

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

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

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

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