Картинка внутри блока

max999 · July 19, 2008

Есть блочный элемент, внутри которого находится текст, ширина этого элемента задана в процентах.

При уменьшении окна браузера и соответственно ширины элемента текст вед?т себя нормально, т. е. передвигается внутри блока и не вылазит за границы.

Проблема такая:

При помещении внутрь блока (между строками текста) графической картинки, при уменьшении ширины блока меньше ширины вставленной картинки, картинка начинает вылазить за границы блока.

Так вот, как это вылечить? Какие есть решения этой проблемы?

Прич?м применение к блоку таких свойств как "min-width" или "overflow" здесь не прокатывает, уже пробовал.

Заранее благодарен.

oknechirik · July 19, 2008

а что собственно вы хотите получить?

картинка и должна вылезать за пределы блока, если она шире

не задавайте блоку ширину - единственный ответ

max999 · July 19, 2008

картинка и должна вылезать за пределы блока, если она шире

В том-то и дело, что не должна! Надо, чтобы при достижении определ?нной ширины блока ширина этого блока фиксировалась и не уменьшалась. Не знаю, но, почему-то свойство "min-width" здесь не работает.

Timurco · July 19, 2008

Не лучше ли в текстовом редакторе уменьшить эту картинку, не обрезать и т.п, а уменьшить ее объем, сохранив более или менее качество. Таким редактором может быть, к примеру - Nero PhotoShap Viewer.

max999 · July 19, 2008

Дело в том, что макет резиновый и ширина блока может меняться в зависимости от ширины окна браузера.

oknechirik · July 19, 2008

картинка и должна вылезать за пределы блока, если она шире
В том-то и дело, что не должна! Надо, чтобы при достижении определ?нной ширины блока ширина этого блока фиксировалась и не уменьшалась. Не знаю, но, почему-то свойство "min-width" здесь не работает.

а min-width равен ширине картинки? тогда не может не работать. а вообще нужен код или ссылка на пример

Azadi · July 19, 2008

overflow:hidden не поможет?

max999 · July 19, 2008

overflow:hidden не поможет?

"overflow" здесь не прокатывает, он просто срезает картинку и вс? содержимое блока, а надо, чтобы просто ширина блока не уменьшалась меньше необходимого.

Timurco · July 19, 2008

Код напишете свой max999, здесь, а так трудно судить....

max999 · July 19, 2008

<head>
<style type="text/css">
div{background:#C0C0C0;width:35%;}
</style>
</head>
<body>
<div>fcfcffctbghub kjnnbyby lkmo iubhiyyuy iuh <img src="image.jpg" width="250px" height="120px"; /> gvgvvvytvvytvy tvy tv tvyvytv illccyh vyviyi lyviv yvy yuyvyvuy yuv yvul yygyugglg gygovvovvyuoyv ouvtcvouyvuv uv uvuoyvouyouvuvu uyvuyuytcvouvutftglji yftftg fuyuyguog gygyg fufuoyfuyfouyf yfuyo</div>
</body>

oknechirik · July 19, 2008

<head>
<style type="text/css">
div{background:#C0C0C0;width:35%;}
</style>
</head>
<body>
<div>fcfcffctbghub kjnnbyby lkmo iubhiyyuy iuh <img src="image.jpg" width="250px" height="120px"; /> gvgvvvytvvytvy tvy tv tvyvytv illccyh vyviyi lyviv yvy yuyvyvuy yuv yvul yygyugglg gygovvovvyuoyv ouvtcvouyvuv uv uvuoyvouyouvuvu uyvuyuytcvouvutftglji yftftg fuyuyguog gygyg fufuoyfuyfouyf yfuyo</div>
</body>

и где тут min-width?

max999 · July 19, 2008

Тфу, ты, извиняюсь, вс? работает, я случайно не в тот тег вставил. Всем спасибо!

Timurco · July 19, 2008

вместо этого используй

div.imagecaption {background:#C0C0C0; width:...px;}

далее прописываешь в

max999 · July 20, 2008

вместо этого используй
div.imagecaption {background:#C0C0C0; width:...px;}
далее прописываешь в

А какая разница?

max999 · July 20, 2008

Кто-нибудь знает ещ? какие-нибудь способы без применения "min-width", чтобы картинка не вылезала за границы блока?

homm · July 20, 2008

Не знаю, но, почему-то свойство "min-width" здесь не работает.

Дак разберись, мы тем более не знаем.

Не лучше ли в текстовом редакторе уменьшить эту картинку,

Нет, не лучше, текстовой редактор на то и текстовой, что в нем нужно работать с текстом, ага.

homm · July 20, 2008

чтобы просто ширина блока не уменьшалась меньше необходимого.

min-width или таблица.

homm · July 20, 2008

Кто-нибудь знает ещ? какие-нибудь способы без применения "min-width", чтобы картинка не вылезала за границы блока?

max-width:100% для картинки. Только тогда не нужно задавать высоту.

Sign In

Картинка внутри блока

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information