проблема с 3-мя колонками

Searcher · October 31, 2008

Вроде элементарный код:

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<style type="text/css">

html, body {
	height: 100%;
	width: 100%;
	padding:0;
	margin:0;
	overflow: hidden;
	}

.left	{
	background: #88f;
	float:left;
	width:100px;
	height:100px;
	}

.center	{
	background: #f88;
	height:100px;
	margin: 0 100px;
	}

.right	{
	background: #8f8;
	float:right;
	width:100px;
	height:100px;
	}

</style>

</head>
<body>

	<div class="left"></div><div class="center"></div><div class="right"></div>

</body>
</html>

У меня в IE6 откуда-то берется расстояние в несколько пикселей между блоками... Никак не пойму, как мне слепить их вместе?

Anami · October 31, 2008

Этот косяк в ИЕ уже обсуждался сотню или нет.. наверно тысячу раз

Поищи на форуме, поищи в инете. 3пиксельный баг IE6.

Лечится заданием отрицательного маргина под 6ой ие

e1f · October 31, 2008

Или убери height у дивов. Или проставь:

.center {
	float:left;
}

Edited October 31, 2008 by e1f

Searcher · October 31, 2008

Спасибо!

Sign In

проблема с 3-мя колонками

Question

Searcher

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Anami

Link to comment

Share on other sites

e1f

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information