رفتن به مطلب

مشکلی در طراحی هدر تمام صفحه


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

سلام دوستان

من یه مشکلی دارم ببینید کسی میتونه براش راه حلی ارائه بده...

مشکل از این قراره که من دوتا لاین رنگی تو هدر سایت اون بالا و تو فوتر سایت اون پایین میزارم... و کانتکت رو هم وسط قرار میدم همه چی خوبه ولی وقتی صفحه مروگر رو کوچیک میکنم یا تو تبلتی چیزی بازش میکنم - اسکرول به بغل میخوره و وقتی میرم اسکرول میکنم - دیگه اون لاین ها کل بالا و یا پایین رو پوشش نمیده!! یعنی با اینکه من Width اونارو ۱۰۰ درصد قرار دادم اما عمل نمیکنه، به این تصاویر دقت کنید :

عکس کلی صفحه اصلی وقتی مروگر قشنگ بازه:

s8cbtczf9mfgsmmzdp7v.jpg

این عکس پاینی برای وقتی هستش که مروگرو جمع میکنم مثلا میخوام شرایط توی رزولوش پایین رو نشون بدم یا تبلت و میبینید که اون بالا هدر با اینکه عرضش ۱۰۰ درصد تعیین شده ولی اون بالا یه فاصله میندازه

v08k1coplqmnuvtuv0qj.jpg

کد Css اون بالا به شرح زیره:


.topline-red {
height:60px;
background-color:#c31f25;
}
.topline-black {
height:56px;
background-color:#25282a;
}

ممنون میشم راهنماییم کنید که این مشکل رو حل کنم

لینک به ارسال

توی فایل css اینگونه کار کنید


@media screen and (max-width: 800px) {
دستورات متناسب با رزولشن های زیر ۸۰۰ (مثلا)

}

@media screen and (max-width:1000px) {
دستورات متناسب با رزولشن های زیر ۱۰۰۰

}

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

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

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

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

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

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

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

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

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

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