طراحیbackground صفحه

iran-TEC · Oct 24, 2009

با سلام خدمت دوستان گرامی

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
   background:#999999;
}
#content {
   width:600px;
   height:100%;
   margin: 0 auto;
   background:#fff;
}
</style>
</head>

<body>
<div id="content">
hello
</div>
</body>
</html>

من می خوام وقتی ارتفاع عناصر صفحه کمتر از ارتفاع مرورگر بود ، ارتفاع content رو برابر با ارتفاع مرورگر در نظر بگیرد ولی با قرار دادن height برابر 100% موفق نشدم .
نیازمند کمک فوری شما دوستان در این زمینه هستم .

Mr.Steres · Oct 24, 2009

آموزش و راه حل :

کد:

http://www.tutwow.com/tips/quick-tip-css-100-height/

موفق باشید ، علیرضا

ali_shmki · Nov 11, 2009

کد:

[LEFT]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
  background:#999999;
  margin:0
}
#content {
  width:600px;
  height:100%;
  margin: 0 auto;
  background:#fff;
}
</style>
<script>
</script>
</head>
<body>
<div[COLOR=red] style="position:absolute"[/COLOR] id="content">
hello
</div>
</body>
</html>[/LEFT]

موفق باشید

iran-TEC · Nov 11, 2009

با تشکر
من کد شما تست کردم ولی بخش content در وسط صفحه قرار نمی گیرد .

echessdesign · Nov 13, 2009

در نظر گرفتن حداقل ارتفاع 100% = min-height:100%

درود بر شما
در نظر گرفتن حداقل ارتفاع 100% = min-height:100%
بفرمایید:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>echessdesign.com</title>
<style type="text/css">
body, html {
   background:#999;
   padding:0; margin:0; border:0;
   height:100%;
}
#content {
   width:600px;
   height:100%;
   margin: 0 auto;
   background:#fff;
   min-height:100%;
}
* html #content {
	height:100%;
}
</style>
</head>

<body>
<div id="content">
hello
</div>
</body>
</html>

pink_armia · Nov 30, 2009

SOAL
salam
man vaghti ax be backgroundam ezafe mikonam ba taghir dadane size panjere axa jabeja mishan
chi kar bayad bokonam?

E-Boy · Nov 30, 2009

pink_armia گفت:
soal
salam
man vaghti ax be backgroundam ezafe mikonam ba taghir dadane size panjere axa jabeja mishan
chi kar bayad bokonam?

سلام دوست عزیز .
اول از همه این که بهتره یک بار قوانین انجمن رو مرور کنید .
لطفا از این به بعد فارسی تایپ کنید و تاپیک های قدیمی رو هم بالا نیارید .
برای این مشکلتون هم یه تاپیک جدید ایجاد کنید .
در ضمن توی تاپیک جدید کد هایی رو هم که نوشتین قرار بدید تا دوستان و یا خود من بررسی کنیم و مشکل رو پیدا کنیم .
موفق باشید .