Jump to content
  • 0

Рисунок с float не растягивает div по вертикали


Blockhead
 Share

Question

Есть див, в нём рисунок с флоат и текст который этот рисунок обтекает. При этом див растягивается только текстом, а рисунок свободно вылезает за границы дива. Как ограничить? Рисунки разного размера как и текст и задать жестко не вариант.

Пример:

<div style="border:#000000 dotted 1px;">
<img src="любой рисунок.jpg" style="float:left;" />
произвольный текст
</div>

Edited by Blockhead
Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
Не слышал о таком свойстве, но как ни странно работает!

Всем спасибо. Проблема решена.

это свойство родное для ИЕ, но оно не валидно при проверке css так что если нужна 100% валидность то выноси в отдельный файл

Link to comment
Share on other sites

  • 0
Это плохо, надо стараться избавляться от дурных привычек.

не согласен что это дурная привычка, я считаю ИЕ 6 дурной привычкой, а раз она есть то приходится с ней работать и никуда не убежать от этого! нужно просто немного подождать

Невалидно-нешмалидно, однако... ;)

ИЕ6 если так можно сказать сам не валидный, так что же вы хотите в итоге ? ^_^

Пох. на валидность. Главное чтоб работало. Я сам не валидный, но живу же!

цепляем отдельный внешний css файло и пишем тама зумы. и все по ништечку!

Link to comment
Share on other sites

  • 0
так что же вы хотите в итоге ?

Хотел сказать, что с не столь далеких времен свойство zoom больше не IE-only. Насчет Оперы, правда, комментатор по ссылке, похоже, приукрасил (по крайней мере, в 10.52 под Убунтой не работает), но в 5-м Хроме работает стабильно. Так что в редких случаях, имхо, можно пользоваться свойством по прямому назначению (напр. в JS-эффектах а-ля FishEye), но при использовании ради побочных эффектов надо уже держать ухо востро (zoom:1, конечно, теоретически ни на что влиять не должен, но кто знает...).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy