PDA

View Full Version : سوال: چطوری یک دایو فول اسکرین داشته باشم؟



ABZiko
چهارشنبه 03 دی 1393, 21:05 عصر
سلام، من می خوام یک دایو به صورت فول اسکرین در صفحه اول داشته باشم ، اینو نوشتم :


html, body {
height: 100%;
}

header{
position: absolute;
height: 100%;
width: 100%;
background-color: #0099FF;}

ولی فقط یک خط آبی رنگ نمایش می ده !!! مشکل چیه؟

hsgpro
چهارشنبه 03 دی 1393, 21:16 عصر
سلام
کدی که گذاشتید که مشکلی نداره.
خودتون کد زیر که کد شما به علاوه html تست است رو تو یه فایل html اجرا کنید ببینید:



<html>
<head>
<style>
html, body {
height: 100%;
}
#header{
position: absolute;
height: 100%;
width: 100%;
background-color: #0099FF;
}
</style>
<body>
<div id="header">
</div>
</body>
</html>

ABZiko
پنج شنبه 04 دی 1393, 00:40 صبح
به وصرت معهمولی حتی این شکلی هم کار می کنه :




<html>
<head>
<style>
html, body {
height: 100%;
}
header{
position: absolute;
height: 100%;
width: 100%;
background-color: #0099FF;
}
</style>
<body>
<header>
</header>
</body>
</html>


ولی نمی دونم دقیقا چه مشکلی داره!؟!!

davood59
پنج شنبه 04 دی 1393, 00:51 صبح
دوست عزیز؛ الان مشکلتون دقیقاً چیه؟ کد که درست کار میکنه و تمام صفحه هم آبی میشن؛ فقط چرا این کد رو نذاشتین که کل صفحه رو پوشش بده:

*{
margin:0;
padding:0;
}