مشکل این کد [بایگانی]

olampiad

یک شنبه 24 اسفند 1393, 00:24 صبح

سلام و خسته نباشید به دوستتان عزیز
به این کد من ی نگا بندازید
میشه این کد رو روی سیستم خودتون اجرا کنید تا نتیجه ی اون رو مشاهده کنید.
من میخوام دایو آبی رنگ من به کف مانیتور بچسبه.
ایا این کار شدنی هستش.
میبینید دایو ها پشت سر هم قرار گرفتن.من میخوام دایو آخری بیا و کاملا به پایین وصل بشه.
امید وارم منظورمو متوجه شده باشین.
مرسی
ممنون

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> index </title>
<style type="text/css">
#one{
background:#999;
width:1000px;
margin:auto;
height:70px;
}
#two{
background:#FC0;
width:1000px;
margin:auto;
height:370px;
}
#three{
background:#6FC;
width:1000px;
margin:auto;
height:30px;
}

</style>
</head>
<body>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

</body>
</html>

ABZiko

یک شنبه 24 اسفند 1393, 00:29 صبح

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> index </title>
<style type="text/css">
#one{
background:#999;
width:1000px;
margin:auto;
height:70px;
}
#two{
background:#FC0;
width:1000px;
margin:auto;
height:370px;
}
#three{
background:#6FC;
width:1000px;
margin:auto;
height:30px;
position:absolute;
bottom:0px
}

</style>
</head>
<body>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

</body>
</html>