Странные промежутки между DIV'ами в IE 6

September 29, 2008

Описать проблему словами будет сложнова-то, потому предлагаю посмотреть код и увидеть проблему воочию.

Проблема наблюдается только в IE 6 (хотя может и в 7ой версии тоже, на данный момент не могу проверить).

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

Страничка тут http://dev.inroot.ru/inroot/

Код

<!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" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Test</title>
	<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

BODY {
	background-color: #1B1F22
}


#header {
	width: 100%;
	height: 60px;
}

#headercontent {
	height: 60px;
}

#topmenu {
	width: 100%;
	height: 30px;
	background: #f1f1f1;
}

#topsubline {
	height: 30px;
	background: #DDE9EF;
}

#searchbox {
	width: 270px;
	height: 60px;
	float:right;
	background: #084D84;
}

	</style>
</head>

<body>

<div id="header">
	<div id="searchbox">
	Block 3
	</div>
	<div id="headercontent">
		<div id="topmenu">Block 1</div>
		<div id="topsubline">Block 2</div>
	</div>
</div>

</body>

</html>

homm · September 29, 2008

Ммм… знаменитый 3-х пиксельный баг.

September 29, 2008

Да, спасибо. Нужно было искать по лучше.

Вот собственно и решения

http://robust85.blogspot.com/2007/10/6-3px-float.html

http://blog.sribna.com/neponyatnyiy-otstup...-3px-ie-bug.htm

Vlad · September 29, 2008

Классическое решение - использовать _margin-rigth (или любой другой подходящий margin) с отрицательным значением, именно так, с подчеркиванием. Понимает его только IE6, хотя при этом CSS валидацию не пройдет.

klierik · September 29, 2008

в добавок к Vlad хочу автору рекомендовать почитать про условные комментарии для валидности CSS

Sign In

Странные промежутки между DIV'ами в IE 6

Question

Guest IMAM

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

homm

Link to comment

Share on other sites

Guest Гость

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information