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

Helen_Farhani · Mar 26, 2008

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

ممنون

peyman1987 · Mar 27, 2008

همونطور که خودتون گفتین درباره div مشکلی نداره.
ولی درباره جدول ، فکر میکنم باید این خاصیت رو برای td استفاده کنین نه خود table.
اگه نشد کدتون رو بزارین شاید تونستیم کمک کنیم.
در ضمن min-height توی ie ساپورت نمیشه و ممکنه باعث بهم ریختن سایتتون بشه.

echessdesign · Mar 27, 2008

خواندن این مطلب نیز خالی از لطف نیست...

Helen_Farhani · Mar 27, 2008

peyman1987 گفت:
همونطور که خودتون گفتین درباره 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 · Mar 27, 2008

این الان فکر کنم اون چیزیه که میخواستین ولی همونطور که گفتم توی 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>

mohseni12345 · Mar 29, 2008

k

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

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

mohseni12345 · Mar 29, 2008

مثلا کدی که گذاشتید با این روش این جوری میشه
ببینید درسته؟

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>

Helen_Farhani · Mar 30, 2008

در صورتی که بخوایم ارتفاع جدول مورد نظر %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 · Mar 30, 2008

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

Helen_Farhani · Mar 31, 2008

شما با اعلان doctype که معادل strict هست می خولهید این کار را انجام دهید ؟!

اشکال این کار در چی هست؟

پ.ن
بابت لینکی که دادین، ممنونم.

peyman1987 · Mar 31, 2008

Helen_Farhani گفت:
اشکال این کار در چی هست؟

پ.ن
بابت لینکی که دادین، ممنونم.

با تعریف doctype از نوع strict خودتون رو به محدوده کوچیکی از خصوصیات مجاز و استاندارد محدود میکنین. اون مقاله ای که echessdesign معرفی کردن توضیح داده.

Helen_Farhani · Mar 31, 2008

کدوم مقاله؟

peyman1987 · Mar 31, 2008

اااااااا!!!!!!

فکر کردم لینک مقاله رو گذاشتن. خوب ایراد نداره.

http://www.uninetnews.com/xhtml/doctype.php
http://forum.majidonline.com/showthread.php?t=86514&highlight=doctype&page=2

Helen_Farhani · Apr 4, 2008

echessdesign گفت:
شما با اعلان 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">

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

Helen_Farhani

Member

peyman1987

Member

echessdesign

مدیر انجمن طراحی وب

Helen_Farhani

Member

peyman1987

Member

mohseni12345

Member

mohseni12345

Member

Helen_Farhani

Member

echessdesign

مدیر انجمن طراحی وب

Helen_Farhani

Member

peyman1987

Member

Helen_Farhani

Member

peyman1987

Member

Helen_Farhani

Member

آخرین مطالب مجیدآنلاین

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