Табличка с резиной

[tt48]

Доброго времени суток.

Задача: ширина блока должна быть по длине текста сверху.

Поле с циферками снизу должно тянуться.

Отступ справа (внутри ячейки) 25 пикс.

В Опере полет нормальный.. В ИЕ с хаками тоже более-менее

(неадекватно реагирует на задание white-space: nowrap; но это ладно).

FF\Chrome категорически несогласны.

Такие вот делишки. Сделать статично не прокатит, увы.

Хаки для FF\Chrome нежелательны, но вполне прокатит -

хоть что-то будет.

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

С уважением, Олег.

http://beavers-net.narod.ru/primers/balance_probe.html

[deadrash]

Для текста сверху примените свойство white-space с параметром nowrap.

От сего и пляшите.

UPD.

Похоже седьмой осёл опять всё портит.

UPD2.

Проверил в ие8 в режиме ие7 всё работает нормально.

Edited November 20, 2010 by deadrash

[tt48]

Для текста сверху примените свойство white-space с параметром nowrap.

От сего и пляшите.

UPD.

Похоже седьмой осёл опять всё портит.

UPD2.

Проверил в ие8 в режиме ие7 всё работает нормально.

.fio{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #808080;
	margin-right: 25px;
	padding:0;
	border: 1px solid green;
	white-space: nowrap;
}

Уже стоит. Если б была проблема с ослом только..

За замечание про 7-го осла спасибо - раньше не проверял, думал, режим совместимости через

<meta http-equiv="X-UA-Compatible" content="IE=7" /> вполне рабочий..

[deadrash]

1) Из .out уберите width:225px;

2) Из .fio уберите margin-right:25px; или замените на padding-right:25px;

3) Из .balance_c уберите width:100%;

4) Для .balance_name добавте white-space:nowrap;

5) Используйте FireBug

Edited November 20, 2010 by deadrash

[tt48]

1) Из .out уберите width:225px;

2) Из .fio уберите margin-right:25px; или замените на padding-right:25px;

3) Из .balance_c уберите width:100%;

4) Для .balance_name добавте white-space:nowrap;

5) Используйте FireBug

Окей.

Осталось только дошлифовать ослику уши.

Большое спасибо.