4 резиновый колонки в IE6

tonik_spb · April 16, 2009

Не могу понять почему в ие слетает один слой шириной 25%

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
<style>
*{
margin:0;
padding:0;
}
html,body {
	width:100%;
	height:100%;
}

#wrap{
	margin-top:100px;
	width:100%;
	height:33px;
}
	.partWrap{
		float:left;
		width:25%;
		font-size:1px;
		height:4px;
		background-color:green;
	}
</style>
<body>


<div id='wrap'>
	<div class='partWrap'></div>
	<div class='partWrap'></div>
	<div class='partWrap'></div>
	<div class='partWrap'></div>
</div>

</body>
</html>

Заранее всем спасибо =)

Searcher · April 16, 2009

Это похоже на знаменитый 3-х пиксельный баг в ИЕ...

Универсального решения нет, все зависит от конкретной ситуации. Можно вместо float:left использовать display:inline. В вашем случае почему-то помогло убрать width и поставить margin-right: 2px; для #wrap...

Sign In

4 резиновый колонки в IE6

Question

tonik_spb

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information