سلام بر همگی،
من یه div دارم که می خوام height اون 0px باشه اینو نوشتم توی فایر فاکس جواب میده ولی توی IE جواب نمیده!!!
<div id="test" style="height: 0px; border: 1px solid #000;" >
</div>
ارتفاع div در IE
سلام بر همگی،
من یه div دارم که می خوام height اون 0px باشه اینو نوشتم توی فایر فاکس جواب میده ولی توی IE جواب نمیده!!!
<div id="test" style="height: 0px; border: 1px solid #000;" >
</div>
اون چیزی که در IE نمایش داده میشه ، 2 پیکسلی هست که برای ارتفاع border در نظر گرفته شده
اینو امتحان کنید
<div style="height: 0px;background-color:#0099CC; border: 0px solid #000;" >
</div>
با اینکه border=0 هست ولی بازم توی IE نشون میده!!!!
بازم نشون میده!!
این خط احتمالا قبل از تگ html وجود نداره:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
اینو قرار بده و یه بار دیگه تست کن.
اینو هم تست کردم جواب ندادنوشته شده توسط emad_67
توی یکی از تاپیک ها گفته بودم که می خوام چیزی شبیه به قسمت mail , messenger سایت یاهو درست کنم که دوستان لطف کردن و گفتن که چجوری میشه اون افکت رو درست کرد حالا من یه دکمه دارم که می خوام وقتی کاربر با موس روی اون اومد یه div نشون داده بشه با اون افکت خاص.دوست عزیز اگر نمی خواهید نشون بده پس چرا ایجاد می کنید!
اگر میشه مورد استفاده خودتون رو بگید که شاید بهتر بشه کمک کرد !
درضمن از همگی بخاطر کمکشون ممنون
احتمالا از ie6 استفاده نمیکنی؟اینو هم تست کردم جواب نداد
الان این تست کن:
تو ff و ie7 مشکلی نداره. ولی ie6 براش ارتفاع در نظر میگیره.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<div id="test" style="height: 0px; border: 1px solid #000;" >
</div>
</body>
</html>
اما اگه ie6 استفاده میکنی برای اینکه ارتفاع صفر بشه یه تگ کامنت توی div قرار بده. به این شکل:
یا اینکه میتونی line-height: 0px; رو هم به style اضافه کنی. البته اگر اینو اضافه کنی دیگه اگر متن به div اضافه بشه ارتفاعش زیاد نمیشه و همین جوری 0 هست. راه اول بهتره به نظرم.
<div id="test" style="height: 0px; border: 1px solid #000;" ><!-- -->
</body>
سلام،
ممنون از همگی و مخصوصا emad_67 عزیز.
همون راه اول جواب داد.
در ضمن من از IE 8استفاده می کنم که تو اون هم درست شد.
مرسی
سلام .
میدونم خیلی دیر شده امّا جنبه آموزش داره .
از خاصیت dispaly:none; در css هم میتوان استفاده کرد.
یا حق
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول