rasivell

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

3 پست در این موضوع قرار دارد

سلام دوستان

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

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

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

s8cbtczf9mfgsmmzdp7v.jpg

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

v08k1coplqmnuvtuv0qj.jpg

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


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

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

0

به اشتراک گذاری این پست


لینک به پست

بعله :)

0

به اشتراک گذاری این پست


لینک به پست

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


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

}

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

}

ویرایش شده در توسط thismoment
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری