شناسه min-height و کنترل سایز جداول

آیا استفاده از شناسه min-height در مورد جداول هم کاربر دارد؟
من با یک جدول تست کردم جواب نگرفتم اما در مورد DIV مشکلی وجود ندارد.

ممنون
 

peyman1987

Member
همونطور که خودتون گفتین درباره div مشکلی نداره.
ولی درباره جدول ، فکر میکنم باید این خاصیت رو برای td استفاده کنین نه خود table.
اگه نشد کدتون رو بزارین شاید تونستیم کمک کنیم.
در ضمن min-height توی ie ساپورت نمیشه و ممکنه باعث بهم ریختن سایتتون بشه.
 
همونطور که خودتون گفتین درباره div مشکلی نداره.
ولی درباره جدول ، فکر میکنم باید این خاصیت رو برای td استفاده کنین نه خود table.
اگه نشد کدتون رو بزارین شاید تونستیم کمک کنیم.
در ضمن min-height توی ie ساپورت نمیشه و ممکنه باعث بهم ریختن سایتتون بشه.
کد:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
}
#container {
	min-height: 100%;
	background-color: #DDD;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	width: 676px;
	margin: 0 auto;
	background-color:#009966;
}
* html #container {
	height: 100%;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="container">
  <tr>
    <td style="min-height: 100%;">&nbsp;</td>
  </tr>
</table>
</body>
</html>
 

peyman1987

Member
این الان فکر کنم اون چیزیه که میخواستین ولی همونطور که گفتم توی ie کار نمیکنه.

کد:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {
	padding: 0;
	margin: 0;
}

#container {
	background-color: #DDD;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	width: 676px;
	margin: 0 auto;
	background-color:#009966;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="container">
  <tr>
    <td style="min-height: 100px; display: block;">test content</td>
  </tr>
</table>
</body>
</html>
 
k

این الان فکر کنم اون چیزیه که میخواستین ولی همونطور که گفتم توی ie کار نمیکنه.

برای مینیمم ارتفاع از یه تکنیک جالب استفاده می کنند
برای این کار یه تگ img تعریف می کنند با ارتفاع مورد نظر و طول اون رو 1 پیکسل قرار میدند
و برای این تگ یه عکس شفاف می زارند . البته فراموش نشه که این عکس باید حتما زیر مجموعه خود المان باشه
نیاز به توضیح هست؟
این دیگه به نوع مرورگر بستگی نداره
 
آخرین ویرایش:
مثلا کدی که گذاشتید با این روش این جوری میشه
ببینید درسته؟

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {
	padding: 0;
	margin: 0;
}
html, body {
	height: 100%;
}
#container {
	min-height: 100%;
	background-color: #DDD;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	width: 676px;
	margin: 0 auto;
	background-color:#009966;
}
* html #container {
	height: 100%;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="container">
  <tr>
    <td style="min-height: 100%;">hhh</td><td ><img scr="transparent.gif" style="height:200px;width:1px;">nn</td>
  </tr>
</table>
</body>
</html>
 
در صورتی که بخوایم ارتفاع جدول مورد نظر %100 باشه، باید از چه روشی استفاده کنیم؟

با این روش، میشه یک جدول داشت که طول و عرض اون 100% باشه.

HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:100%" bgcolor="#000066">
  <tr>
    <td height="100%">hhh</td>
    <td>nn</td>
  </tr>
</table>
</body>
</html>


اما اگر DOCTYPE به اون اضافه کنم، دیگه کار نخواهد کرد.
مانند کد زیر:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:100%" bgcolor="#000066">
  <tr>
    <td height="100%">hhh</td>
    <td>nn</td>
  </tr>
</table>
</body>
</html>
 
آخرین ویرایش:

echessdesign

مدیر انجمن طراحی وب
شما با اعلان doctype که معادل strict هست می خولهید این کار را انجام دهید ؟!
توضیحات کامل رو مرتضی جان دادند اما توجه به این پست نیز خالی از لطف نیست...
 
آخرین ویرایش:
شما با اعلان doctype که معادل strict هست می خولهید این کار را انجام دهید ؟!
توضیحات کامل رو مرتضی جان دادند اما توجه به این پست نیز خالی از لطف نیست...

با تغییر doctype از strict به Transitional باز هم جواب نگرفتم.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 

جدیدترین ارسال ها

بالا