Printable View
سلام . وقت بخیر.
دوستان عزیز من یک صفحه دارم که دو تا div زیر هم داره.دیویژن بالایی حاوی منوهام هستش و دیویژن پایینی اسلاید شو هستش. میخوام صفحم طوری باشه که توی هر اسکرینی باز شد به اندازه کل صفحه باشه و اسکرول نخوره. یه کد پیدا کردم که با جاوااسکریپت طول و ارتفاع صفحه رو بدست میاره ولی این کد اسکرول افقی به صفحم میده.
خواهش میکنم دوستان متخصص منو راهنمایی کنین. با css یا جاوا اسکریپت یا هرچی که میشه.
ممنونم:n16::n16:
سلامنقل قول:
خدمت شما:
کد:html, body{
height: 90%;
}
#menu{
width:100%;
height:20%;
background-color:yellow;
}
#slideshow{
width:100%;
height:100%;
background-color:red;
}
خیلی ممنونم دوست عزیز از راهنماییتون. فقط یه سوال، اگه اون ارتفاع 90 درصد رو برای body در نظر نگیرم مشکلی پیش میاد؟ چون css من برای چند تا صفحس. صفحه های دیگم تاثیر میگیرن.:n13:نقل قول:
خواهش می کنم.نقل قول:
اگه به html و body ارتفاع ندید، عملا صفحه ارتفاعی نداره که دیویژن ها بتونن 20% یا 80%ش رو پر کنن.
برای اینکه صرفا رو صفحه مورد نظرتون اعمال بشه، می تونید یه کلاس به html و body اون صفحات خاص بدید و ارتفاع 90 درصد رو روی اون کلاس اعمال کنید.
سلام و تشکر مجدد.نقل قول:
من کاری که گفتینو انجام دادم و نتیجه ای که میخواستم رو گرفتم فقط الان یه مشکلی هست. عکسای اسلاید شو اگه یکم بزرگ باشن صفحه اسکرول میشه. با اینکه ارتفاعشون رو 100 درصد گذاشتم. البته با ارتفاع 80 درصد هم تست کردم. اینو چیکار کنم؟
سلامنقل قول:
خواهش می کنم.
در صورتی که عکس های اسلاید شو رو با background-image لود کردین، می تونید از روش زیر استفاده کنید:کد:#slideshow {
background-size: 100% 100%;
}
میتوانی برای پیدا کردن این جواب به سایت w3schools و قسمت how toبروی