Получится ли колонку посередине?
Привет.
Уже по верстке столько начитал, но не могу понять какими средствами получится сделать такой вариант(например хочу некие вставки(3) организовать): ![]() Причем высота блока 3 определяется содержимым, а ширина допустим известна. Кто-нибудь сталкивался? Какие вообще в общем решения могут быть? Спасибо. P.S. Чето картинка один раз не подгрузилась. Если что вот она(30Кбайт). |
3-й блок нужно позиционировать абсолютно. Чтобы создать эффект его обтекания можно положить в блоки 1 и 2 как бы две половинки блока 3 с float: left и float: right соответственно. Но возникнет проблема с позицонированием этих половинок по высоте. Это нужно будет делать изменяя положение этих половинок в html-коде. Другого выхода я не вижу. Позиционированием и отступами эту проблему не решить это 100 пудово - обтекания с ними не получится (имеется ввиду чтобы текст заходил туда где стоит цифра 1 на рисунке).
|
да, я тоже насчет этого думал но это будет нелегко + к тому же это для варианта когда известна высота блока 3.
|
м.б. в CSS-3 что нибудь есть? Я его плохо знаю. С CSS-2 то точно могу сказать что без извращений не получится. Чтобы высота была одинакова можно костыль на JS приделать.
|
Стоп. Как видно из рисунка середина будет всегда относительно-фиксированной и будет на 2*X пикселов меньше общей высоты. Так в чем проблема?
|
Цитата:
Цитата:
PeaceCoder может вы увидели более удобный способ вёрстки? мне так что то больше на ум ни чего не приходит |
Цитата:
Решение простое Все 3 блока помещаются в 1 блок. Его высота будет известна Создаем эффект обтекания в блоках 1 и 2 а 3 блок равен высоте общего блока минус 2*Xpx, т.е. position: absolute; left: Npx; right Npx; top: Xpx; bottom Xpx; |
неполучится никак
|
Хм, ну а обтекание-то где?
UPD Выходит скорее подтекание, а не обтекание. ТС нужно, чтобы 1 и 2 реально обтекали 3, как будто он вставлен в поток некой двухколоночкой страницы. |
Цитата:
|
Часовой пояс GMT +3, время: 15:55. |