Картинка вылазит за пределы блока

хороший вопрос, самый простой способ поменять в шаблонах <div></div> на что нибудь типа

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>bla bla bla</td>
  </tr>
</table>

class вставить в td

А самый правильный - поменять установки в css :).
Если все картинки одного размера - задай его в css для своего img.А еще нужно в самом теге img задавать размер.Будет быстрее рендерица страница и правильно отображаться при отключенной в броузере графике.
Кстати, сам drupal.ru малость страдает этим. Да и на кпк(480х640) не лучшим образом выглядит (к верстальщику) ;)

размеры картинки тут врятли помогут, сдесь проблема не в картинке а в тексте, точнее в тегах в которые он включен и в стилях к этим тегам, могу сказать точнее просмотрев код и стили, скинь ссылочку, или тему на почту rico@tut.by

Я использовала стандартную тему bluemarine, лишь немного изменив цвета. Сначала написала свой класс для картинок, а потом нашла в CSS`шнике .picture и стала использовать его.

сразу не сообразил где посмотреть :) зашел на ваш сайт нашел где вылазит картинка, поменяй div на таблицу, много раз сталкивался с такой проблемой, решение может не единственное но зато надежное, в файле comment.tpl.php

Проблема аналогичная. При использовании bluemarine делал

и всё в шоколаде. Сейчас хочу использовать SpreadFirefox. Но тут такой способ не прокатывает, т.к менюшки сделаны float'ами. Попробовал ваш совет - таблицы, но в css для всех таблиц заданы свойства которые делают текст отображаемым совсем не так как надо (да ещё и border добавляет). Можно конечно переименовать это в отдельный класс, а потом вызывать его в каждой таблице, но это несколько муторно... Чёрт его знает сколько в модулях этих таблиц... Есть ли ещё какой-то способ? Или как отменить стили для отдельно взятых table,tr,td?

эээ. вырезалось... делал div style="clear:both" /div

Решение найдено. Для блока за границы которого вылезает картинка необходимо применить свойство overflow: auto;

СПАСИБО за предоставленное решение. :)

overflow: auto; - не самое лучшее решение )

Попробуйте блоку, в котором находится статья с картинкой прописать float: left;
Хрен знает как и почему - но сработает точно ))

overflow: auto; помогло. Спасибо

Мне хватило создать стиль
.leftimg { float: left; }
.leftimg img { display: inline; float: left; padding: 0px 0px 0px 0em; margin: 2px 1em 2px 0px; }

Причем, от "вылазания" изображения вниз - спасла именно первая строка.