Сайты - по стандартам, но не стандартные сайты!
Вот пример:
Довольно стандартная страница: шапка, 2 колонки, подвал. Левая колонка с фикс. шириной. Правая с переменной.
Так вот: если в правой колонке слишком широкая картинка, то получается так, что она выходит за пределы своего блока, overflow то бишь.
Вопрос: как сделать чтобы блоки расширялись соответственно картинке. как на ?
Нет на форуме
min-width: ширина картинки;
Нет на форуме
Столкнулся с подобной проблемой, а если не известна высота/ширина картинки?
Надо просто чтобы картинка была в блоке который бы растягивался автоматически по картинке.
Есть конечно решение - поместить картинку в таблицу, но это как то не совсем красиво.
Отредактированно belka_g (06.03.2011 22:49)
Нет на форуме
Вылезает.
Нет на форуме
извращение, конечно, но работает
Нет на форуме
у меня та же проблема...только с текстом...и только в фф (кажется)
вот смотрите:
Нет на форуме
jeno
У тебя там на сайте есть вот это такое margin: 15px; width: 100%; так вот лучше задай для #box2 padding:15px; а margin убери.
Нет на форуме
overflow:hidden;
Нет на форуме
Вот код страницы:
НазваниеСоджержание
Вот с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)
Нет на форуме
overflow: hidden; position: relative; - вот решение проблемы!
Нет на форуме
Значит мы были правы!
Нет на форуме