mk-73

مشکل در float بندی قالب

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

سلام دوستان من 2دایو دارم در بخش وارپیپرخودم یکی بخش سایدبار است یکی هم بخش کانتنت خب که بخش کانتنت دارای خاصیت float:leftاست وسایدبار دارای float:rightاست من تاحالا بخش سایدبار خودم رو قبل از بخش کانتنت قرار داده بودم چون قالب سایتم ریسپانسیو طراحی کردم در ابعاد کوچکتر بخش سایدبار قبل از بخش کانتنت قرار میگرفت الان اومدم به دلایلی تغییر ایجاد کردم وتصمیم گرفتم بخش سایدبار بعد ازبخش کانتنت باشد در ابعاد کوچکتر خب حالا دیگه در کنارهم قرار نمیگیرند این دو بخش چیکار کنم خاصیت clear,overflow:autoهم به بخش سایدبار دادم فایده نداشت.به این صورت مانند عکس در اومده

ادرس 12ps_content-sidebar.pnghttp://uupload.ir/files/12ps_content-sidebar.png

0

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


لینک به پست

سلام احتمال زیاد عرض هاشون مشکل دارند width جفتشون رو کمتر کنید

0

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


لینک به پست

نه دوست عزیز حل نشد widthاشون مشکل نداره فقط هرچی هست همین خاصیت شناورشون مشکل ایجاد کرده؟نمیدونم چیکار کنم

0

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


لینک به پست

دوستان من اگه بخوام از یک ابعادی به بعد مثلا دایو بخش سایدبارم در پایین زیر بخش کانتت قرار بگیره باید چیکار کنم.اولم دایو بخش کانتت رو قرار دادم وبعد دایو بخش سایدبارم..

0

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


لینک به پست

از دستور clear:both; در زیر دو float استفاده کن ببین درست میشه!؟!اگه نشد فایل html رو بده چک کنم

0

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


لینک به پست

دوست عزیز این مشکلم رفع شد دوتا دایو در کنارهم قرار گرفتند من قالب سایتم را بصورت ریسپانسیو طراحی کردم خب من میخوام در یک ابعادی به بعد بخش سایدبارم در زیر بخش کانتنت قرار بگیرد چگونه این کار را انجام دهم ودایو بخش سایدبارم من در زیر بخش کانتنت قرار دادم.

0

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


لینک به پست

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

دوست عزیز این مشکلم رفع شد دوتا دایو در کنارهم قرار گرفتند من قالب سایتم را بصورت ریسپانسیو طراحی کردم خب من میخوام در یک ابعادی به بعد بخش سایدبارم در زیر بخش کانتنت قرار بگیرد چگونه این کار را انجام دهم ودایو بخش سایدبارم من در زیر بخش کانتنت قرار دادم.

راحته دوست عزیز.

شما اول برای سایز نمایشگر مورد نظرتون باید اون سایز رو در یک فایل css تعریف کنید. مثلا:


<link rel="stylesheet" media="screen and (min-width: 480px) href=" />

بعد کدهای مورد نظرتون ازجمله اندازه ها و تغییرات رو درونش بزارید.

----------------

البته میتونید مثل کد زیر، فایل css جدا ایجاد نکنید. و در همون فایل css اصلی (مثلا style.css) اینو بزارید:


@media screen and (min-width: 480px) {
.content {
float: left;
}
.social_icons {
display: none
}
}

اگه توجه کنین به این کد، میبینید خیلی راحته کارتون.

یا علی

ویرایش شده در توسط navidsincere
1

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


لینک به پست

دوست عزیز ممنونم از لطفت بالاخره یکی جواب داد.

من با مدیا کوئری انجام دادم تا حالا درست کار میکرده قالبم اما الان یک تغییر ایجاد کردم خب، میخوام وقتی فرض کن قالب سایت برای گوشی تلفن همراه بازمیشه بخش سایدبارم بیاد در زیر بخش کانتنتم قرار گیرد الان این اتفاق نمیفته دقیقا بخش سایدبار بر روی بخش کانتنت قرار میگیردخب.

0

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


لینک به پست

دوست عزیز ممنونم از لطفت بالاخره یکی جواب داد.

من با مدیا کوئری انجام دادم تا حالا درست کار میکرده قالبم اما الان یک تغییر ایجاد کردم خب، میخوام وقتی فرض کن قالب سایت برای گوشی تلفن همراه بازمیشه بخش سایدبارم بیاد در زیر بخش کانتنتم قرار گیرد الان این اتفاق نمیفته دقیقا بخش سایدبار بر روی بخش کانتنت قرار میگیردخب.

خوب ترتیب و اولویت نمایش اجزا در نمایشگرهای با سایز کوچیکتر بستگی به این داره که کدوم کد رو اول و کدوم رو بعد نوشتید.

مثلا اگه کد کانتنت توی قالب اول نوشته شده پس وقتی نمایشگر کوچیکتر میشه، این بخش کانتنت هست که ابتدا نشون میده.

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

0

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


لینک به پست

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

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

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

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


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

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

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


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