Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 07.06.2010 01:26

egor
Новичок
Зарегистрирован: 07.06.2010
Сообщений: 1

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

Вот пример:
http://img308.imageshack.us/img308/9789/smpl7ba.th.gif
Довольно стандартная страница: шапка, 2 колонки, подвал. Левая колонка с фикс. шириной. Правая с переменной.
Так вот: если в правой колонке слишком широкая картинка, то получается так, что она выходит за пределы своего блока, overflow то бишь.
Вопрос: как сделать чтобы блоки расширялись соответственно картинке. как на
http://img308.imageshack.us/img308/5456/smpl23la.th.gif ?

Нет на форуме

 

#2 07.06.2010 10:40

alemiks
Опытный
Откуда: Voronezh
Зарегистрирован: 09.04.2010
Сообщений: 256
Вебсайт

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

min-width: ширина картинки;

Нет на форуме

 

#3 06.03.2011 22:35

belka_g
Новичок
Зарегистрирован: 06.03.2011
Сообщений: 9

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

Столкнулся с подобной проблемой, а если не известна высота/ширина картинки?
Надо просто чтобы картинка была в блоке который бы растягивался автоматически по картинке.

Есть конечно решение - поместить картинку в таблицу, но это как то не совсем красиво.

Отредактированно belka_g (06.03.2011 22:49)

Нет на форуме

 

#4 06.03.2011 23:38

MT
Опытный
Откуда: Moscow
Зарегистрирован: 23.11.2009
Сообщений: 241
Вебсайт

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

Вылезает.


браузер | блог

Нет на форуме

 

#5 06.03.2011 23:50

alemiks
Опытный
Откуда: Voronezh
Зарегистрирован: 09.04.2010
Сообщений: 256
Вебсайт

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

извращение, конечно, но работает

Код:

Нет на форуме

 

#6 07.03.2011 01:26

jeno
Разбирающийся
Зарегистрирован: 13.09.2010
Сообщений: 126
Вебсайт

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

у меня та же проблема...только с текстом...и только в фф (кажется)
вот смотрите:

http://chm.com.ua/pics/bdiv.jpg


http://reliz.in.ua

Нет на форуме

 

#7 07.03.2011 08:23

Flicker
Новичок
Зарегистрирован: 28.02.2011
Сообщений: 31

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

jeno
У тебя там на сайте есть вот это такое margin: 15px; width: 100%; так вот лучше задай для #box2 padding:15px; а margin убери.

Нет на форуме

 

#8 07.03.2011 14:46

mihdan
Новичок
Зарегистрирован: 07.03.2011
Сообщений: 2

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

overflow:hidden;

Нет на форуме

 

#9 08.03.2011 18:43

BesT
Новичок
Зарегистрирован: 23.11.2010
Сообщений: 12
Вебсайт

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

Вот код страницы:

Код:

Название
Соджержание

Вот сss код:

Код:

.border {border:1px solid #C0C0C0;background-COLOR:#FFF; padding:5px}
.b_padding {padding:5px 0 2px 0;text-align:justify; font-size:11px}
.bluename {padding: 5px 0 6px 32px; text-transform: uppercase; background: #284465; COLOR: #F1F1EF;font-weight: bold;FONT-FAMILY: Arial, Helvetica, sans-serif;FONT-SIZE: 11px}
.thumb {border:1px solid #ccc; padding:1px; text-align:center; width:auto;}

Вопрос: Как сделать чтобы картинка не вылазила за пределы блока, но с тем условием, что размер картики динамичен (от 100 до 200 пикселей)?

Отредактированно BesT (09.03.2011 15:18)

Нет на форуме

 

#10 10.03.2011 15:18

BesT
Новичок
Зарегистрирован: 23.11.2010
Сообщений: 12
Вебсайт

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

overflow: hidden; position: relative; - вот решение проблемы!

Нет на форуме

 

#11 16.03.2011 13:02

mihdan
Новичок
Зарегистрирован: 07.03.2011
Сообщений: 2

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

Значит мы были правы!

Нет на форуме

 

Board footer