Правая граница блока

[MC WEST]

Здравствуйте! У меня возникла проблема с сообщениями на сайте! Основной блок сообщения состоит из левого блока (инфа о юзере) и правого (текст сообщения). У правого блока задана правая граница, так вот с ней то и проблема... Проще будет объяснить по скриншоту:

В первом сообщении правая граница идет не до конца блока всего комментария, из-за большого сообщения...

Как ее расширить на всю предоставляемую ей высоту???

Так не работает:

height:100%;
display:block;

Если что то вот сайт http://109.87.26.150/fiestadle/ (там небольшие проблемы с кодировкой, ставьте utf-8 если что)

Заранее спасибо!

[psywalker]

Задай границу фоном, а повесь её главному блоку, который содержит внутренние два, с левым отступом равным левому блоку и пусти по оси Y

[WalkMan]

как вариант задать бордер блоку с самим коментом и дать ему минимальныю высоту такуюже как высота левого блока

[DjTarik]

еще вариант: левому блоку - правую границу, правому блоку - левую. И потом смещаем один из блоков на margin-left/right: -1px;

[psywalker]

как вариант задать бордер блоку с самим коментом и дать ему минимальныю высоту такуюже как высота левого блока

А если левый блок будет больше?

еще вариант: левому блоку - правую границу, правому блоку - левую. И потом смещаем один из блоков на margin-left/right: -1px;

галимо, придётся делать подгонку и при малейшем ветре получиться "красиво"

Тут надо делать мой вариант и на em, чтобы масштабировалось отлично, отступ в em задавать

[DjTarik]

галимо, придётся делать подгонку и при малейшем ветре получиться "красиво"

Тут надо делать мой вариант и на em, чтобы масштабировалось отлично, отступ в em задавать

Про какую подгонку идет речь?

Левый же блок известной ширины - не вижу проблем... O_o

Edited January 1, 2010 by DjTarik

[psywalker]

Про какую подгонку идет речь?

Левый же блок известной ширины - не вижу проблем... O_o

А ты увенен, что будет нормал? приведи мне пример

[DjTarik]

А ты увенен, что будет нормал? приведи мне пример

Если честно - в лом ща что-то писать)))

Может быть завтра, если сяду за верстку...

P.S. Но сейчас мне кажется, что все будет норм...)

[psywalker]

Если честно - в лом ща что-то писать)))

Может быть завтра, если сяду за верстку...

P.S. Но сейчас мне кажется, что все будет норм...)

Буду ждать, интересно, если прокатит, возьму вариант на вооружение.

[DjTarik]

Буду ждать, интересно, если прокатит, возьму вариант на вооружение.

Ну блин... Я так раньше делал - и проблем не было... А в чем может быть подвох?

[psywalker]

Ну блин... Я так раньше делал - и проблем не было... А в чем может быть подвох?

ну в том, что границы могут не совпасть

[DjTarik]

ну в том, что границы могут не совпасть

O_o Ну, по идее 1px - он и в Африке 1px. Может не совпасть при ресайзе окна, но это в одной ситуации - при центрировании margin: 0px auto; Вроде все...

[psywalker]

O_o Ну, по идее 1px - он и в Африке 1px. Может не совпасть при ресайзе окна, но это в одной ситуации - при центрировании margin: 0px auto; Вроде все...

Бывают разные факторы, увеличение шрифта, либо переполнение колонки и. т. , думаешь без риска?

[DjTarik]

Бывают разные факторы, увеличение шрифта, либо переполнение колонки и. т. , думаешь без риска?

Думаю да. Размеры блока известны. Можно протестить.

[psywalker]

Думаю да. Размеры блока известны. Можно протестить.

Да, в любом случае надо тестить.

[MC WEST]

Спасибо за советы! Седня позже протестю... А щас спать

[psywalker]

Спасибо за советы! Седня позже протестю... А щас спать

Споки тебе дружище, расскажешь потом и если можешь, то приведи нам отдельный пример посмотреть

[mishka]

еще вариант: левому блоку - правую границу, правому блоку - левую. И потом смещаем один из блоков на margin-left/right: -1px;

галимо, придётся делать подгонку и при малейшем ветре получиться "красиво"

Нормальный вариант, ничего не сыпется неломается. Один минус - можна юзать только для border solid.

Если же, как на скрине у ТС, граница не сплошная, то конечноже бг для общего контейнера, как и предложил, psywalker

[MC WEST]

Попробовал два варианта... Получилось хорошо только одним!

1-ый вариант:

С использованием фоновой картинки. Создал в фотошопе картинку 2х4 пикселя и размножил ее по оси Х

Получилось довольно хорошо, но есть небольшие проблемы в самом низу полоски, но это терпимо)))

2-ой вариант:

Получилось кривовато. Добавил левому блоку правую границу, а правому левую. При этом добавил правому блоку margin-top:2px; иначе они сливались в сплошную границу.

В первом сообщении все Ок, но во втором и третем криво получилось =(

Буду пользоваться первым способом, большое спасибо!

Edited January 2, 2010 by MC WEST

[DjTarik]

все траблы из-за пунктира...

[psywalker]

все траблы из-за пунктира...

Ну вот я про то и говорил, что будут траблы

Нормальный вариант, ничего не сыпется неломается. Один минус - можна юзать только для border solid.

Если же, как на скрине у ТС, граница не сплошная, то конечноже бг для общего контейнера, как и предложил, psywalker

Да, только для border solid, в том то и дело, да и то опасно.

[DjTarik]

Ну вот я про то и говорил, что будут траблы

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

Короче - на вкус и цвет... )

[psywalker]

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

Короче - на вкус и цвет... )

Вариант с фоном общему блоку без проблем вообще, я уже такие делал не раз, просто нужно сделать позицию фона на ЕМ, с левой стороны отсчитываешь ровно ширину левого блока, и тянешь фон по вертикали

[DjTarik]

Вариант с фоном общему блоку без проблем вообще, я уже такие делал не раз, просто нужно сделать позицию фона на ЕМ, с левой стороны отсчитываешь ровно ширину левого блока, и тянешь фон по вертикали

ну да, согласен, если фон однородный и там и там...

P.S. Но я все равно буду делать границами - пока не увижу реальную проблему с ними)))

[psywalker]

ну да, согласен, если фон однородный и там и там...

P.S. Но я все равно буду делать границами - пока не увижу реальную проблему с ними)))

Не вопрос, тогда если чё, сообщи, нужно также этот вариант на вооружение взять

[MC WEST]

Вариант с фоном общему блоку без проблем вообще, я уже такие делал не раз, просто нужно сделать позицию фона на ЕМ, с левой стороны отсчитываешь ровно ширину левого блока, и тянешь фон по вертикали

Хм... А какая разница как делать через em или в px ?