مرتضی نظری 4182 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 سلامتازه اومدم طراحی سایت رو یاد بگیرم ، که با مشکل عجیبی مواجه شدم...فایل index.html من محتواش اینه:<!DOCTYPE HTML><html><head> <title>m-nazari</title> <link type="text/css" rel="stylesheet" href="style.css" /></head><body><div id="wrp"><div class="menu"> </div> <div class="header-pic"> </div> <div class="matlab"> </div> <div class="sidebar"> </div> <div class="footer"> </div></div></body></html>فایل style.css هم محتوی اون اینه:body{background:url(image/bg.gif) #FFF;}#wrp{width:960px;margin:30px auto;}.menu{background:#9C0;margin-top:30px;height:75px;}.header-pic{background:#990;height:200px;margin-top:30px;}.matlab{background:#30F;width:620px;min-height:300px;margin-top:30px;margin-bottom:30px;float:left;}.sidebar{background:#F00;width:310px;min-height:300px;float:right;margin-left:30px;margin-top:30px;margin-bottom:30px;}.footer{background:#333;height:75px;}همانطور که هم در فایل ایندکس و هم در استایل هست، کلاس footer پایین همه کلاس ها هست... اما در اجرا اینگونه اجرا میشه: نقل قول لینک به ارسال
RedPlus 1585 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 سلام داداش من درست كد نديدم و امتحان نكردم ! ولي اين اتفاق مال float ندادن هست بيشتر وقت ها ! سعي كن از div هايي كلي تري هم استفاده كني ! يعني اگه 2-3 تا divداري كه به مربط هستن اين ها رو بزاري داخل ي div بزرگتر ! 1 نقل قول لینک به ارسال
عبدالماجد 3203 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 این کد :.footer { background: none repeat scroll 0 0 #333333; clear: both; height: 75px;} 5 نقل قول لینک به ارسال
مرتضی نظری 4182 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 این کد :.footer {background: none repeat scroll 0 0 #333333;clear: both;height: 75px;}سلامماجد جان ممنون درست شد.میشه بپرسم چرا این دایو فقط اینطوری شده بود؟یعنی چهار تا دایو بالایی این جوری نبودن... هر کدوم از لایه قبلی فاصله میگرفت(margin میدادم) اما این یکی از زیر هیدر داشت فاصله میگرفت.. چرا؟(بیشتر برای یادگیری خودم میخواستم بپرسم...) نقل قول لینک به ارسال
مرتضی نظری 4182 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 بزار حدس بزنم:clear:bothبه این خاطر هست که لایه بالاییش دو ستون هست، و زیر هر دو لایه قرار میگیره،درسته؟ نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 عملکرد float را می دانید؟float محدوده عنصر را به یکی از دو گوشه چپ و راست می بره و در مقابل سمت دیگه را برای دیگر عناصر باز می کنهیعنیحالا اگر این لایه به سمت چپ clear بشه شکل به اینصورت خواهد شد و اگر float نباشد و اگر clear:both باشد 4 نقل قول لینک به ارسال
kasra 4929 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 سلامبا روشی که ماجد و آقا ایمان گفتن هم میشه حل کرداما یه راه بهتری ( نظر شخصی ) هم هست که خودم همیشه استفاده میکنمتوی css یک کلاس اینجوری بنویس :.clearfix {clear:both; }بعد توی قسمت طراحی سایتت به هر div که خاصیت float میدی بعد از اون از این استفاده کن :<div class="clearfix"></div>اینطوری یک بار کلاس نوشتی و هرجای سایت ازش استفاده بکنی مشکلی که گفتی رو دیگه نداری 3 نقل قول لینک به ارسال
مرتضی نظری 4182 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 راستش من الان خیلی خوب متوجه نشدم که این clear چرا باید میبود در کد من!!! کاربردش رو تا حدودی متوجه شدم(از عکس های اقا ایمان) ولی جایگاهش در کد خودم رو نفهمیدم نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 دو تا تصویر را مقایسه کنید 3 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .