overflow hidden в IE

YETI · June 20, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#hidden{
width:100%;
overflow:hidden;
}
table{
border-collapse:collapse;
}
td{
border:1px solid #000;
}
</style>
</head>

<body>
<table border="1">
<tr>
	<td width="300">
	 
	</td>
	<td> 
	</td>
</tr>
<tr>
	<td> 
	</td>
	<td>
		<div id="hidden">
		<table width="1000">
		<tr>
			<td width="200">ТЕКСТ</td>
			<td width="200">ТЕКСТ</td>
			<td width="200">ТЕКСТ</td>
			<td width="200">ТЕКСТ</td>
			<td width="200">ТЕКСТ</td>
		</tr>
		<tr>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
		</tr>
		<tr>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
		</tr>
		<tr>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
			<td>ТЕКСТ</td>
		</tr>
		</table>
		</div>
	</td>
</tr>
</table>
</body>
</html>

В ИЕ не работает overflow:hidden при ширине 100%. Если указать в пикселях то все нормально. В ФФ все ок. Можете чтонибудь подсказать?

Gatanoa · June 20, 2007

Доктайп не пробовали заменить на стрикт?

YETI · June 20, 2007

Доктайп не пробовали заменить на стрикт?

Не помогает

Gatanoa · June 20, 2007

А в Опере у вас hidden работает?

YETI · June 20, 2007

А в Опере у вас hidden работает?

Да

yopopt · June 20, 2007

Вы устанавливаете для блока overflow:hidden; и тем самым обрезаете содержимое блока если оно целиком в н?м не умещается. Далее Вы устанавливаете содержимому width:100% тем самым оно всегда будет умещаться в блоке. Я думаю ие так считает.

Можно использовать expression для ие... К примеру так:

width: expression(body.offsetWidth-24 + 'px');

Я отталкивался от тега body, хотя можно от любого id. А "-24" - вычел ширину полосы прокрутки.

YETI · June 20, 2007

Далее Вы устанавливаете содержимому width:100% тем самым оно всегда будет умещаться в блоке. Я думаю ие так считает.

Почему содержимому? 100% установлена для блока, а для таблицы в нем ширина 1000px, от этого оно должно вылезать за блок помойму. А про txpression я ничего не понимаю ща попробую почитать.

YETI · June 21, 2007

#hidden{
width:100%;
overflow:hidden;
border:1px solid #f00;
position:relative;
height:200;
}
table{
border-collapse:collapse;
position:absolute;
}

Уже сам нашел вот здесь http://www.defusion.org.uk/archives/2007/0...snt-hide-in-ie/

Добавление position:relative в div и absolute в таблицу почемуто помогает и все вроде работает.

Maslakoff · June 21, 2007

yopopt, Ты где раньше был с кодом?

width: expression(body.offsetWidth-24 + 'px');

????

СПАСИБО ТЕБЕ!!!! Я ТВОЙ ДОЛЖНИК!

Sign In

overflow hidden в IE

Question

YETI

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Gatanoa

Link to comment

Share on other sites

YETI

Link to comment

Share on other sites

Gatanoa

Link to comment

Share on other sites

YETI

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

YETI

Link to comment

Share on other sites

YETI

Link to comment

Share on other sites

Maslakoff

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information