Cage

gesandte, s0rr0w спасибо. Теперь все отображается как нужно

<div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.

Действительно очень хорошее решение. Я бы до такого никогда не додумался . Спасибо!

Такие простые решения не подойдут. Собственно говоря, "float: left" не просто так изначально появился в коде . Да, спасибо за вариант. В моем арсенале есть подобное решение. <div style="float: right; width: 300px; height: 100px; background: #000"></div> <div style="padding-right: 310px"> <table width=100% bgcolor=#cccccc><tr><td>1234567890</td></tr></table> </div> И тоже в FF хорошо, в IE плохо. Есть еще нейтральный вариант <div style="float: right; width: 300px; height: 100px; background: #000"></div> <table bgcolor=#cccccc><tr><td>1234567890</td></tr></table> В нем все хорошо, только таблица не растягивается на весь экран. Если бы в ячейке было много текста, то этот вариант полностью бы решал поставленную задачу. Еще у меня придумалось вот такое оригинальное решение <div style="float: right; width: 300px; height: 100px; background: #000"></div> <table bgcolor=#cccccc><tr><td>1234567890 <span style="font-size: 0"><img src="" width=300 height=1> <img src="" width=300 height=1> <img src="" width=300 height=1> <img src="" width=300 height=1> <img src="" width=300 height=1></span></td></tr></table> Но оно кажется мне не вполне удачным .

То, что я хочу, очень сложно описать словами . Я сам очень не люблю, когда темы на форумах люди называют так, как тему назвал я... Но это как раз тот случай, когда лучше один раз увидеть. Код я оставил в первом посте. Интересует меня код, который будет отображаться в IE и FF так же, как исходный код отображается в IE. Это не значит, что IE - это какой-то эталон. Это всего лишь означает, что в IE все выглядит именно так, как это и нужно .

<div style="float: right; width: 300px; height: 100px; background: #000"></div> <div style="float: left"> <table width=100% bgcolor=#cccccc><tr><td>1234567890</td></tr></table> </div> Хочется сделать код кроссбраузерным, чтобы в FF отображалось то же самое, что и в IE. Важный момент здесь, что таблица содержит мало текста, поэтому ее приходится растягивать (width=100%). P.S. Ну и заодно спрошу, поддерживает ли FF CSS:expression? У меня складывается ощущение, что не поддерживает...