ورود

View Full Version : مشکل چیدمان div ها زیر هم در css



محمدجواد67
سه شنبه 18 تیر 1392, 19:26 عصر
سلام من یه سایت با asp طراحی کردم و یه مشکلی در css دارم اگر میشه کمکم کنید
یه div اصلی دارم داخل این div یه منو به صورت افقی هست دوتا div دیگه دارم که می خوام به صورت عمودی زیر هم باشه
وقتی float=right باشه هر دو کنار هم قرار می گیرن وقتی float رو حذف می کنم زیر هم قرار می گیرن اما div بالایی میره زیر منوی افقی که بالا هست.
برای اینکه بهتر متوجه بشید:
این زمانی هست که از float:right استفاده کردم
106955
اما وقتی که استفاده نمی کنم اینطوری میشه
106957
و در اینصورت هیچ div دیگه ای درسمت راست این دو دیو نمی تونم قرار بدم
لطفا کمکم کنید.
اگر قرار بدم به این شکل میشه:
106960

http://barnamenevis.org/images/misc/pencil.png

H:Shojaei
سه شنبه 18 تیر 1392, 19:40 عصر
سلام
دقيقا دقيقا همين مشكل رو من داشتم همين 2 هفته پيش.
روش اول: 2 تا ديو كلي براي پنل ها استفاده كنيد(البته اگه ديو راست هم ميخوايد) يكي رو سمت چپ قرار بدين و يكي سمت راست حالا ديو هاي اصلي پنل ها رو داخل اين قرار بدين و كد clear:both; رو واسه هر گدوم قرار بدين.
روش دوم: يك ديو تو بدنه سايت ايجاد كنيد و ستون بنديش كنيد مراحل قبل رو انجام بديد.
من خودم از روش اولم رفتم.
موفق باشيد.

بهزاد علی محمدزاده
سه شنبه 18 تیر 1392, 19:44 عصر
به همه شون float بده . به div که محتوی متنی داره float : right بده و به باکس ها floeat:left بده .

از این لینک (http://www.maxdesign.com.au/articles/css-layouts/)هم می تونی استفاده کنی تا لایه بندی های مختلف رو ببینید .

این نمونه اش به کار شما نزدیکه .
(http://www.maxdesign.com.au/articles/css-layouts/two-fixed/)

mohamad_torabi
چهارشنبه 19 تیر 1392, 14:56 عصر
سلام
اقای moalla تو دو قسمت از فیلم های اموزشی که ساختن تقسیم بندی صفحه رو یاد دادن
قسمت اول (http://quicklearn.ir/?q=node/35)
قسمت دوم (http://quicklearn.ir/?q=node/36)