ширина div в ie6 другая

Chebas · March 29, 2010

Три колонки дивами. 280px+270px+250px (итого 800px). В IE6 третий див (#header-center) переноситься на новую строку. Если уменьшить width любого из дивов на 6px, то всё помещаеться. Т.е., я так понял, на каждую сторону из дивов уходит по 1px (маржинов и паддингов у этих дивов нет)

вот код:

	
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

		 <div id="header">
		<div id="header-left">
		</div> <!-- #menu--> 
		<div id="header-right">
		</div> <!-- foto -->		
		<div id="header-center">
		</div> <!-- #цитата-->
	</div><!-- #header-->

#header {
	height: 260px;
	width:800px;
	background: #680000;
}

#header-left {
	float: left;
	width: 280px;
	height:100%;
	background: url(../img/header-top-shadow.jpg) repeat-x;
}

#header-center {
	float: right;
	width: 270px;
	height:100%;
	background:url(../img/bg-header-center.jpg) repeat-y;
}

#header-right {
	float: right;
	width: 250px;
	height:100%;
	background:url(../img/header-foto.jpg) no-repeat;

}

в чём причина и как исправить?

s0rr0w · March 29, 2010

Три колонки дивами. 280px+270px+250px (итого 800px). В IE6 третий див (#header-center) переноситься на новую строку. Если уменьшить width любого из дивов на 6px, то всё помещаеться. Т.е., я так понял, на каждую сторону из дивов уходит по 1px (маржинов и паддингов у этих дивов нет)
в чём причина и как исправить?

Знаменитый трехпиксельный баг? На этом форуме не раз обсуждали данную тему.

_display: inline поможет

Chebas · March 29, 2010

Начал заполнять левый див всё стало на свое место чудеса да и только

Chebas · March 30, 2010

Ох уж этот IE6

- Заполняю левый див, все становится на свои мета...

- Пишу текст в центральном диве: высота этого дива увеличивается на 15px и ниже всех трёх дивов появляются две последние буквы из введенного текста (хотя они остаются в самом тексте). Высота родительского дива увеличивается на 33px.

В чем причина? Как исправить?

Edited March 30, 2010 by Chebas

barsev · March 30, 2010

При таком расположении дивов в HTML у вас все должно хорошо срастись, только немножко определиться с размерами и флоатами. У #header убрать height, у #header-left и #header-right убрать height, у #header-center убрать float, width и height, а задать margin:0 250px 0 280px;. При таком раскладе высота #header будет определяться высотой #header-center. После заполнения всех колонок, если надо увеличить высоту #header, просто задайте для #header-center height: сколько нужно.

Justnewone · March 31, 2010

Ох уж этот IE6
- Заполняю левый див, все становится на свои мета...
- Пишу текст в центральном диве: высота этого дива увеличивается на 15px и ниже всех трёх дивов появляются две последние буквы из введенного текста (хотя они остаются в самом тексте). Высота родительского дива увеличивается на 33px.
В чем причина? Как исправить?

вероятно, zoom:1 поможет

Chebas · March 31, 2010

не помогло :-(

поставил zoom:1; поочередно во все родительские дивы, результата нет

Пробую поместить в другой див и переместить с помощью position: absolute, но тут при перемещении на определеное расстояние все слова в тексте переносятся на новую строчку. Как это можно исправить?

psywalker · March 31, 2010

Покажи скриншот того, что хочешь получить в итоге. И ещё один с данным косяком.

Chebas · March 31, 2010

Как должно быть:

А вот как в IE:

Chebas · April 1, 2010

Решил проблему с помощью overflow:hidden

Sign In

ширина div в ie6 другая

Question

Chebas

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

Chebas

Link to comment

Share on other sites

Chebas

Link to comment

Share on other sites

barsev

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Chebas

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Chebas

Link to comment

Share on other sites

Chebas

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information