Как скрыть текст, выпирающий за границу блокоа?

[freeneutron]

Простой примерчик:

<table>
<tr>
<td>
<div style="width: 25px;">
<nobr>Cell 1</nobr>
</div>
</td>
<td>Cell 2</td>
</tr>
</table>

Здесь "Cell 1" вылезла за границу контейнера и залезла на "Cell 2". Хочу сделать так, что бы "Cell 1" отбражалась в контейнере и не отбражалась за его границей. Размеры контейнера при этом строго фиксированы. Перепробовал всякие штуки (z-index, backgound-color), но не добился ожидаемого результата. Кто-нибудь вкурсе, как это лечится?

Edited February 11, 2009 by freeneutron

[Vlad]

overflow: hidden для DIV или table-layout:fixed для TABLE. В последнем случае надо все размеры указать у таблицы и ячеек.

[freeneutron]

Спасибо! То, что нужно.

Только ячейки таблиц не могу заставить принять нужные размеры. Например здесь

<style>
	td {width:25;border-color: #008a77;border-style: solid;padding: 5px;}
</style>
<table style="width:50;">
<tr>
<td>
<nobr>Cell 1</nobr>
</td>
<td>
Cell 2
</td>
</tr>
</table>

задаю ширину ячеек, а реальная ширина формируется в зависимости от содержимого.

[Vlad]

Ты не задаешь ширину ячеек. Задавать надо так style="width:50px;"

[freeneutron]

<style>
	td {width:25px;border-color: #008a77;border-style: solid;padding: 5px;}
</style>
<table style="width:50px;">
<tr>
<td>
<nobr>Cell 1</nobr>
</td>
<td>
Cell 2
</td>
</tr>
</table>

Исправил. Но, ни чего не изменилось.

[Vlad]

Добавь к таблице table-layout: fixed и убери <nobr>, это некошерно.

[freeneutron]

Заработало!

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

[Spamol]

Vlad,

Такой вопрос, добавил к блоку атрибут

overflow: hidden;

, все хорошо когда масштаб в IE 7.0 стоит 100% и больше, но если выставляешь 75% и меньше, то этот атрибут перестает работать, хотя может и не перестаёт, но пропадает его функция визуально!

[freeneutron]

все хорошо когда масштаб в IE 7.0 стоит 100% и больше

А я свой примерчик открыл в IE 7.0. Так там текст обрезается только при 100%. Если масштаб больше или меньше, то он опять выпирает и главное, это то, что это не зависит от установки overflow: hidden;

Edited February 11, 2009 by freeneutron

[Vlad]

Vlad,

Такой вопрос, добавил к блоку атрибут , все хорошо когда масштаб в IE 7.0 стоит 100% и больше, но если выставляешь 75% и меньше, то этот атрибут перестает работать, хотя может и не перестаёт, но пропадает его функция визуально!

Здесь наука бессильна.