واضح آرشیو وب فارسی:سایت ریسک: شناسه min-height و کنترل سایز جداول Helen_Farhani 07 فروردين 1387, 17:43آیا استفاده از شناسه min-height در مورد جداول هم کاربر دارد؟ من با یک جدول تست کردم جواب نگرفتم اما در مورد DIV مشکلی وجود ندارد. ممنون peyman1987 08 فروردين 1387, 00:03همونطور که خودتون گفتین درباره div مشکلی نداره. ولی درباره جدول ، فکر میکنم باید این خاصیت رو برای td استفاده کنین نه خود table. اگه نشد کدتون رو بزارین شاید تونستیم کمک کنیم. در ضمن min-height توی ie ساپورت نمیشه و ممکنه باعث بهم ریختن سایتتون بشه. echessdesign 08 فروردين 1387, 00:42خواندن این مطلب () نیز خالی از لطف نیست... Helen_Farhani 08 فروردين 1387, 14:43همونطور که خودتون گفتین درباره div مشکلی نداره. ولی درباره جدول ، فکر میکنم باید این خاصیت رو برای td استفاده کنین نه خود table. اگه نشد کدتون رو بزارین شاید تونستیم کمک کنیم. در ضمن min-height توی ie ساپورت نمیشه و ممکنه باعث بهم ریختن سایتتون بشه. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ""> <html> <head> <meta "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%;"> </td> </tr> </table> </body> </html> peyman1987 08 فروردين 1387, 15:17این الان فکر کنم اون چیزیه که میخواستین ولی همونطور که گفتم توی ie کار نمیکنه. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ""> <html> <head> <meta "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 10 فروردين 1387, 02:52این الان فکر کنم اون چیزیه که میخواستین ولی همونطور که گفتم توی ie کار نمیکنه. برای مینیمم ارتفاع از یه تکنیک جالب استفاده می کنند برای این کار یه تگ img تعریف می کنند با ارتفاع مورد نظر و طول اون رو 1 پیکسل قرار میدند و برای این تگ یه عکس شفاف می زارند . البته فراموش نشه که این عکس باید حتما زیر مجموعه خود المان باشه نیاز به توضیح هست؟ این دیگه به نوع مرورگر بستگی نداره mohseni12345 10 فروردين 1387, 03:13مثلا کدی که گذاشتید با این روش این جوری میشه ببینید درسته؟ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ""> <html> <head> <meta "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 11 فروردين 1387, 12:13در صورتی که بخوایم ارتفاع جدول مورد نظر %100 باشه، باید از چه روشی استفاده کنیم؟ با این روش، میشه یک جدول داشت که طول و عرض اون 100% باشه. <html> <head> <meta "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 به اون اضافه کنم، دیگه کار نخواهد کرد. مانند کد زیر: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ""> <html> <head> <meta "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 11 فروردين 1387, 21:13شما با اعلان doctype که معادل strict هست می خولهید این کار را انجام دهید ؟! توضیحات کامل رو مرتضی جان دادند اما توجه به این پست () نیز خالی از لطف نیست... Helen_Farhani 12 فروردين 1387, 06:58شما با اعلان doctype که معادل strict هست می خولهید این کار را انجام دهید ؟! اشکال این کار در چی هست؟ پ.ن بابت لینکی که دادین، ممنونم. peyman1987 12 فروردين 1387, 12:30اشکال این کار در چی هست؟ پ.ن بابت لینکی که دادین، ممنونم. با تعریف doctype از نوع strict خودتون رو به محدوده کوچیکی از خصوصیات مجاز و استاندارد محدود میکنین. اون مقاله ای که echessdesign معرفی کردن توضیح داده. Helen_Farhani 12 فروردين 1387, 12:56کدوم مقاله؟ peyman1987 12 فروردين 1387, 17:47اااااااا!!!!!! فکر کردم لینک مقاله رو گذاشتن. خوب ایراد نداره. Helen_Farhani 16 فروردين 1387, 14:39شما با اعلان doctype که معادل strict هست می خولهید این کار را انجام دهید ؟! توضیحات کامل رو مرتضی جان دادند اما توجه به این پست () نیز خالی از لطف نیست... با تغییر doctype از strict به Transitional باز هم جواب نگرفتم. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 587]