Как заствить ИЕ понимать overflow:hidden;?

reboot · March 19, 2009

Подскажите, пожалуйста решение проблемы:

ИЕ не понимает overflow:hidden; пробовал разные варианты, к примеру position: relative;

Надо для скрипта с прокруткой "обрезать" часть дива, т.е. есть блок 4000 при клике блок перемещается вправо/влево, соответственно есть блок с шириной 650, который должен обрезать содержимое блока с шириной 4000, НО в конченном ИЕ не работает. исходник скинул в архив (76,4 KB)

http://upload.com.ua/get/900763317/

заранее спасибо за помощь

Veseloff · March 20, 2009

Код не смотрел, но по содержанию поста понял в чем дело. А дело все в ИЕ - у него нелады с position: relative; Могила его исправит.

homm · March 20, 2009

ИЕ понимает overflow:hidden

Файл слить с говнохостинга не получилось.

soot · March 20, 2009

Могила его исправит.

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

Хорошо хоть , то что если IE прочитает нормально ,то как правило другие браузеры будут нормально отображать .

IE понимает , есть только :

Браузер Internet Explorer 7 поддерживает значение position: fixed только в «строгом» режиме (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">).

reboot - ищи ошибки в коде запятые и т.д. + грамматические .

homm · March 20, 2009

IE понимает , есть только :

Ну и при чем тут вообще position:fixed?

reboot · March 20, 2009

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

ну ведь нет не решаемых задач!!! конченный ИЕ :)

homm · March 20, 2009

Бля, какой проблемой? В ие все хорошо с overflow:hidden. А твой пример, где у тебя все плохо не скачивается, потому что ты залал его на говнообменник.

soot · March 20, 2009

Ну и при чем тут вообще position:fixed?

Я имел ввиду что по позициям только эта является исключением и то при ряде условий .

Бля, какой проблемой?

Культура просто прет .

reboot, вынеси отдельно в маленький документ с минимальным кол-вом стилей . Прогони через FireBug (поэксперементируй) , через валидатор так же посмотри . Удали кеш на IE . И все прошло нормально , то посмотри , что получилось.

hidden - должен работать у меня работает .

homm · March 20, 2009

Я имел ввиду что по позициям только эта является исключением и то при ряде условий .

Ну и при чем тут вообще position:fixed?

reboot · March 20, 2009

примерно такая структура блоков (для скриптов нужно именно так):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>сцуко, конченный ИЕ </title>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
	<div id="outer">
		<div class="block-width">
			<div id="tabber">
				<div class="list">
					11111111111111111111111111111111111
					<br/>
					11111111111111111111111111111111111
					<br/>
					11111111111111111111111111111111111
					<br/>
					11111111111111111111111111111111111
					<br/>
					11111111111111111111111111111111111
					<br/>
				</div>
				<div class="list">
					22222222222222222222222222222222222
					<br/>
					22222222222222222222222222222222222
					<br/>
					22222222222222222222222222222222222
					<br/>
					22222222222222222222222222222222222
					<br/>
					22222222222222222222222222222222222
					<br/>
				</div>
				<div class="list">
					33333333333333333333333333333333333
					<br/>
					33333333333333333333333333333333333
					<br/>
					33333333333333333333333333333333333
					<br/>
					33333333333333333333333333333333333
					<br/>
					33333333333333333333333333333333333
					<br/>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

стили

*								{margin: 0; padding: 0;}

body								{background-color: #060d13;  width: 1050px; margin: 0 auto;}
#outer							{width: 1050px; float: left; margin:300px 0 0 0;}

body								{font: 11px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #52616d;}

.block-width{
	width:650px; 
	height:300px;
	overflow:hidden; 
	position:relative; 
	border: 1px solid blue;
}
#tabber{ 
	display:block; 
	width:4000px; 
	overflow:hidden;
}
#tabber .list{
	width:650px; 
	float:left; 
	display:block; 
}

в нормальный броузерах с блока block-width ниче не вылазит и отображается гуд, а в ИЕ жопа.

потом с пом. скрипта дивник id="tabber" прокручивается и отображается след. часть дивника list

homm · March 21, 2009

reboot, ну ты совсем какой-то конченый. Нет никаких различий, как выглядит этот пример в ие6,7,8 опере 10, хроме, фф2.

Разве что сам блок меняет свое положение в ие, но видно ровно одно и тоже.

reboot · March 21, 2009

homm, кидаю скрины! особое внимание прошу обратить на горизонтальный скрол в ИЕ, а так все нормально)

homm · March 21, 2009

А что это у тебя за версия такая интересная, позволь спросить? Не альфа восьмого эксплорера, случайно? Кажется имено в нем была кнопочка «Emulate IE7». Тебе бы просветиться по поводу цикла разработки программных продуктов и для чего выпускают кучу версий до финала. Ты ССЗБ.

reboot · March 21, 2009

Кажется имено в нем была кнопочка «Emulate IE7»

была, даже есть! только отображает точно так же!!!!!!!

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

не парься - знаю для чего ))

homm · March 21, 2009

не парься - знаю для чего ))

Ну а чего слюной брызжешь, что альфа не работает? На то она и альфа. Уже пару дней как финал вышел, скачай, проверь — все там нормально. Школьник, блин.

reboot · March 21, 2009

фигня была в том, что при Emulate IE7 была такая же ситуация, вот я и е*бал се мозги как жует ИЕ overflow:hidden;

homm · March 21, 2009

вот я и е*бал се мозги

А по моему, цель была выебать мозги нам.

Justnewone · March 23, 2009

Кстати, замечал ваще тупые баги у беты восьмого осла...

Например, два дива, дать разносторонние флоаты и ширины, суммарно равные 100%, безо всяких там маргинов, или бордеров.

стоят в 2 вертикальных строки.

Чета они там с гориз. парсером не доточили.

Ну на то она и бета.

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

Sign In

Как заствить ИЕ понимать overflow:hidden;?

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information