ورود

View Full Version : عدم تغییر ارتفاع div بر اساس تصویر داخل آن


tabib_m
چهارشنبه 28 شهریور 1386, 14:05 عصر
با سلام

فرض کنید یک همچین کدی داریم:


<html>
<body>

<div style="padding: 5px; margin-bottom: 15px; border-bottom: 1px solid gray;">
<img src="img.jpg" align="left" width="200" height="200" />
Barnamenevis.org Barnamenevis.org Barnamenevis.org Barnamenevis.org
Barnamenevis.org Barnamenevis.org Barnamenevis.org Barnamenevis.org
Barnamenevis.org Barnamenevis.org Barnamenevis.org Barnamenevis.org
</div>

</body>
</html>


در اینجا، ارتفاع تصویر داخل div بیشتر از ارتفاعی هست که متن داخل div برای div تعیین میکنه.

من میخوام ارتفاع div به اندازه ی تصویر کش بیات.

چطوری میشه این کار رو کرد؟

پیشاپیش ممنون.
M-Gheibi
چهارشنبه 28 شهریور 1386, 21:22 عصر
<html>
<body>

<div style="padding: 5px; margin-bottom: 15px; border-bottom: 1px solid gray; overflow: auto;">
<img src="img.jpg" align="left" width="200" height="200" />
Barnamenevis.org Barnamenevis.org Barnamenevis.org Barnamenevis.org
Barnamenevis.org Barnamenevis.org Barnamenevis.org Barnamenevis.org
Barnamenevis.org Barnamenevis.org Barnamenevis.org Barnamenevis.org
</div>

</body>
</html>

موفق باشی :)
bigcowboy
چهارشنبه 28 شهریور 1386, 23:46 عصر
خیلی ببخشید ولی با این کد هم اندازه تغییر نمیکنه!
میشه یه توضیح در مورد overflow بدید.
متشکرم.
cybercoder
پنج شنبه 29 شهریور 1386, 10:42 صبح
من میخوام ارتفاع div به اندازه ی تصویر کش بیات.

اگر Height و Width رو اصلا مقداردهی نکنی هم درست می شه
tabib_m
پنج شنبه 29 شهریور 1386, 12:40 عصر
گر Height و Width رو اصلا مقداردهی نکنی هم درست می شه
نه، نشد.


خیلی ببخشید ولی با این کد هم اندازه تغییر نمیکنه!
متأسفانه در IE نمیشه، ولی فایرفاکس باهاش مشکلی نداره.

راهی برای IE نداره؟
cybercoder
پنج شنبه 29 شهریور 1386, 17:33 عصر
نه، نشد.

میشه ها؟ چون من هیچ وقت اندازه Fix نمی دم و کار می کنه!

موفق باشی
tabib_m
پنج شنبه 29 شهریور 1386, 21:58 عصر
میشه ها؟ چون من هیچ وقت اندازه Fix نمی دم و کار می کنه!
احتمالا علتش اینه که شما به تصویرت خصوصیت align نمیدی.
اگر به عکس خصوصیت align برابر با left نداده باشیم، در حقیقت پایین عکس، با پایین متن هم تراز میشه. یعنی عکس هرچی بزرگتر (مرتفع تر) باشه، متن میات پایین و با پایین عکس هم تراز میشه، در نتیجه، پایان متن، همیشه پایینتر یا مساوی پایین عکس خواهد بود، در نتیجه، div هیچ وقت کوتاهتر از تصویر نخواهد شد که عکس بخوات بیافته روش.

یعنی، در حالتی که align برابر با left نباشه، این حالت رو داریم:


|------------------------|
| |
| |
| |
| |
|------------------------|Matn Matn Matn ...
Matn Matn Matn ...

و اگر align برابر با left باشه، در این صورت:


|------------------------|Matn Matn Matn
| |Matn Matn Matn...
| |
| |
| |
|------------------------|


امیدوارم منظورم رو فهمیده باشی...