Odessa

ریسایز صفحه و مشکل با هدر

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

این لینک رو باز کنید و عرض صفحه رو به سایزی کمتر از 600 پیکسل ریسایز کنید یک اسکرول افقی به وجود میاد به سمت راست اسکرول کنید چرا بقیه هدر وجود نداره ؟

0

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


لینک به پست

سلام

این خاصیت رو به تگ سلکتور div تو css اضافه کنید


float:right;

به همین سادگی

;)

2

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


لینک به پست

float:right یه کاری مثل overflow:hidden میکنه اینجا من نمیخام اسکرول از بین بره

و همچنین عنصر من باید float چپ باشه که اینجا کار نمیکنه

0

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


لینک به پست

ارسال شده در (ویرایش شده)

اوکی

هدری که شما ایجاد کردید تو حالت width:100% هست ، البته تا زمانی که هیچ عرضی رو تعریف نکنید

من دقیقا متوجه منظور شما نشدم

و تا انجایی که فهمیدم شما میخوایید تو عرض 600 و کمتر از اون هدر شما کامل نمایش داده بشه

خوب اینجا میتونید از مدیاکوئری ها استفاده کنید که تو عرض 600 به مدیا کوئری header عرض بیشتر از 600 بدید ، مثلا 610 که اسکرول هم از بین نره

آموزش کار با مدیاکوئری


http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

ویرایش شده در توسط shayan
2

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


لینک به پست

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

هدر باید جوری باشه که در حالت عادی کل صفحه رو بگیره و تحت هر شرایطی (چه تغییر سایز صفحه چه وجود عناصر عریض) در صورت به وجود اومدن اسکرول افقی به همون اندازه بزرگ بشه و عرض صفحه رو بگیره

0

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


لینک به پست

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

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

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

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


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

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

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


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