[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Граница divа при верстке столбцами
live Uucyc
верстаю страницу div-ами, разбил на несколько столбцов


<div>
<div
style="float:left; width:200px">
</div>
<div
style="float:right; width:200px">
</div>
<div
style="padding:0 200px 0 200px">
</div>
</div>



теперь необходимо разделить эти столбца вертикальной линией, делаю так


<div>
<div
style="float:left; width:200px; border-right:#000 solid 1px">
</div>
<div
style="float:right; width:200px; border-left:#000 solid 1px">
</div>
<div
style="padding:0 200px 0 200px">
</div>
</div>



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



Спустя 2 минуты, 29 секунд (17.01.2012 - 11:26) redreem написал(а):

Спустя 2 минуты, 35 секунд (17.01.2012 - 11:29) live Uucyc написал(а):
redreem
спасибо, но неужели, чтобы дабиться этого, необходимо столько писанины?

Спустя 6 минут, 58 секунд (17.01.2012 - 11:36) redreem написал(а):
в 4 раза меньше чем в моем топике. там я еще рассчеты автоматизирую.
читай с "Для "выдирания" схемы из моего кода, нужно забрать указанные выше стили и html-кусок:...".
ну и в пикселах проще в отладке чем с процентами. думаю разберешься.

Спустя 2 минуты, 42 секунды (17.01.2012 - 11:38) live Uucyc написал(а):
redreem
я примерно так и думал, но т.к. я не силен в css, думал, может там есть какое-нибудь решение.

пы. всеже таблицами иногда проще верстать.

Спустя 16 минут, 17 секунд (17.01.2012 - 11:55) redreem написал(а):
возможно в твоем случае таблицы - более приемлимый выход.
вообще, в разделе "Дизайн и верстка" пару раз я видел подобные твоей проблемы - поройся - в пикселах вариант где-то там валялся. и помнится и с границами был вариант готовый.


_____________
Пусть хвалит тебя другой, а не уста твои, - чужой, а не язык твой.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.