ورود

View Full Version : سوال: چطور (بدون استفاده از جاوا اسکریپت) می تونم ارتفاع تگ با آی دیlayer_1 رو برابر با اندازه مانیتور قرا


i-php-i
چهارشنبه 21 اردیبهشت 1390, 23:53 عصر
چطور (بدون استفاده از جاوا اسکریپت) می تونم ارتفاع تگ با آی دیlayer_1 رو برابر با اندازه مانیتور قرار بدم؟ در صورتی که طول محتویات تگ از ارتفاع صفحه مانیتور بیشتر شد، ارتفاع تگ هم افزایش پیدا کنه.

سوال دیگه اینکه چرا خاصیت height:100% هیچ تاثیری روی ظاهر صفحه نداره؟

body { margin:0; padding:0; font:12px Tahoma, Geneva, sans-serif; background-color:#eee; }

#layer_1 {width:1024px; margin:0 auto; background-color:#FFF; height:100%; }

#layer_2 { direction:rtl; width:400px; margin:70px auto; border:1px inset #999; padding:25px; background:#e1e1e1 url(../pic/tamplate/b1.jpg) repeat; height:150px; overflow:hidden; }
ghasemweb
پنج شنبه 22 اردیبهشت 1390, 01:57 صبح
فكر كنم خاصيت overflow رو بايد رو auto بذاري
ghasemweb
پنج شنبه 22 اردیبهشت 1390, 01:58 صبح
راستي height‌ رو به چه منظوري 100% ميدي؟ اگه نميخواي ثابت باشه بايد aouto بدي كه با توجه به محتوا تغيير كنه
ghasemweb
پنج شنبه 22 اردیبهشت 1390, 02:02 صبح
فكر كنم شما ميخواي با مقدار 100% ارتفاع رو با توجه به ارتفاع مانيتور و ريزوليشن ست كني؟
فكر كنم واسه اين كار شما بايد اول ريزوليشن كاربر رو در بياري بعدش طبق اون ارتفاع رو به px ست كني
i-php-i
پنج شنبه 22 اردیبهشت 1390, 02:18 صبح
راستي height‌ رو به چه منظوري 100% ميدي؟ اگه نميخواي ثابت باشه بايد aouto بدي كه با توجه به محتوا تغيير كنه
من توی طراحیم از جدول استفاده نمی کنم.

بعضی وقتها ارتفاع محتویات سایتم از ارتفاع مانیتور کمتر می شه.

این با عث می شه ارتفاع تگ بادی کم تر از ارتفاع مانیتور بشه و در نهایت رنگ سفید و خاکستری به اون شکل که خودم تعریف کردم توی صفحه نمایش داده نشن.

حالا به چه صورت می تونم این ظاهر سایت رو درست نمایش بدم؟ (اگه استایلی که قرار دادم رو توی یه صفحه استفاده کنید متوجه می شید که منظورم چیه).

از z-index نمی شه استفاده کرد؟
colors
پنج شنبه 22 اردیبهشت 1390, 08:57 صبح
درود

این کد رو جایگزین کل کد سی اس اس بالا کن

body { margin:0; padding:0; font:12px Tahoma, Geneva, sans-serif; background-color: #e6e5e5; }

#layer{width:1024px; background-color: #fff; height:100%; position: absolute; top:0}

#layer_2 { direction:rtl; width:400px; margin:70px auto; border:1px inset #999; padding:25px; background:#e1e1e1 url(../pic/tamplate/b1.jpg) repeat; height:150px; overflow:hidden; z-index:200; position:relative }

بعدش z-index برای نحوه قرار گیری عناصر روی هم هستند . هرچه عدد بالاتری داشته باشه نمایشش سرتره

موفق باشید