ارتفاع div در IE [بایگانی]

saeidejafari

یک شنبه 12 آبان 1387, 14:52 عصر

سلام بر همگی،
من یه div دارم که می خوام height اون 0px باشه اینو نوشتم توی فایر فاکس جواب میده ولی توی IE جواب نمیده!!!

<div id="test" style="height: 0px; border: 1px solid #000;" >
</div>

jaza_sa

یک شنبه 12 آبان 1387, 15:17 عصر

اون چیزی که در IE نمایش داده میشه ، 2 پیکسلی هست که برای ارتفاع border در نظر گرفته شده

saeidejafari

یک شنبه 12 آبان 1387, 15:27 عصر

اینو امتحان کنید

<div style="height: 0px;background-color:#0099CC; border: 0px solid #000;" >
</div>

با اینکه border=0 هست ولی بازم توی IE نشون میده!!!!

raravaice

یک شنبه 12 آبان 1387, 15:31 عصر

overflow:hidden

saeidejafari

یک شنبه 12 آبان 1387, 15:42 عصر

بازم نشون میده!!

emad_67

یک شنبه 12 آبان 1387, 17:51 عصر

saeidejafari

دوشنبه 13 آبان 1387, 08:08 صبح

این خط احتمالا قبل از تگ html وجود نداره:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
اینو قرار بده و یه بار دیگه تست کن.
اینو هم تست کردم جواب نداد

دوست عزیز اگر نمی خواهید نشون بده پس چرا ایجاد می کنید!

اگر میشه مورد استفاده خودتون رو بگید که شاید بهتر بشه کمک کرد !

توی یکی از تاپیک ها گفته بودم که می خوام چیزی شبیه به قسمت mail , messenger سایت یاهو درست کنم که دوستان لطف کردن و گفتن که چجوری میشه اون افکت رو درست کرد حالا من یه دکمه دارم که می خوام وقتی کاربر با موس روی اون اومد یه div نشون داده بشه با اون افکت خاص.
درضمن از همگی بخاطر کمکشون ممنون

emad_67

دوشنبه 13 آبان 1387, 11:13 صبح

اینو هم تست کردم جواب نداداحتمالا از 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>
تو ff و ie7 مشکلی نداره. ولی ie6 براش ارتفاع در نظر میگیره.
اما اگه ie6 استفاده میکنی برای اینکه ارتفاع صفر بشه یه تگ کامنت توی div قرار بده. به این شکل:

<div id="test" style="height: 0px; border: 1px solid #000;" >
</body>
یا اینکه میتونی line-height: 0px; رو هم به style اضافه کنی. البته اگر اینو اضافه کنی دیگه اگر متن به div اضافه بشه ارتفاعش زیاد نمیشه و همین جوری 0 هست. راه اول بهتره به نظرم.

saeidejafari

سه شنبه 14 آبان 1387, 08:00 صبح

احتمالا از 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>
تو ff و ie7 مشکلی نداره. ولی ie6 براش ارتفاع در نظر میگیره.
اما اگه ie6 استفاده میکنی برای اینکه ارتفاع صفر بشه یه تگ کامنت توی div قرار بده. به این شکل:

<div id="test" style="height: 0px; border: 1px solid #000;" >
</body>
یا اینکه میتونی line-height: 0px; رو هم به style اضافه کنی. البته اگر اینو اضافه کنی دیگه اگر متن به div اضافه بشه ارتفاعش زیاد نمیشه و همین جوری 0 هست. راه اول بهتره به نظرم.
سلام،
ممنون از همگی و مخصوصا emad_67 (http://barnamenevis.org/forum/member.php?u=35031) عزیز.
همون راه اول جواب داد.
در ضمن من از IE 8استفاده می کنم که تو اون هم درست شد.
مرسی

masoudcg1

سه شنبه 22 آذر 1390, 21:33 عصر

سلام .
میدونم خیلی دیر شده امّا جنبه آموزش داره .
از خاصیت dispaly:none; در css هم میتوان استفاده کرد.
یا حق