как в яндексе

[cyklop77]

помогите пожалуйста дивно сверстать блок, поведение которого при сжатии окна по ширине похоже на поведение блока #wd-wrapper-_mail-1 главной страницы яндекса

моя попытка

проблемы в том, что когда ширина .aside становится меньше ширины .mail_outer , то:

1) часть .mail_outer обрезается(а по задуманному должна раздаигать .aside);

2) отступ(ы) пропадают(background: orange)

ps

при любой ширине окна браузера firebug все равно показывает величину .mail_outer равной 190px. это странно

Edited June 15, 2012 by cyklop77

[Vin]

ps

при любой ширине окна браузера firebug все равно показывает величину .mail_outer равной 190px. это странно

Ничего странного, ширина прописана в коде:

.main .level_3 .aside .mail_outer{
	width: 190px;
	background: orange;
	margin: 0 auto;
}

[cyklop77]

ps

при любой ширине окна браузера firebug все равно показывает величину .mail_outer равной 190px. это странно

Ничего странного, ширина прописана в коде:

.main .level_3 .aside .mail_outer{
	width: 190px;
	background: orange;
	margin: 0 auto;
}

согласен. но сам вопрос в другом

[Vin]

1) часть .mail_outer обрезается(а по задуманному должна раздаигать .aside);

Задать min-width блоку .aside, равную ширине блока .mail-outer (190px). Только для обёртки всей предполагаемой формы тоже надо задать min-width, иначе при сужении окна "поедет". А у яндекса вообще таблицами сделано, и неспроста.

Edited June 15, 2012 by Vin