Высота слоя ие

f0rym4anin · July 6, 2009

Столкнулся с какой-то непонятной проблемой

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">

html, body {
	margin:0px; padding:0px; 
	background:#bbd1e8;
	position:relative; 
}

body {
	text-align:center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#all {
	text-align:left;
	margin:0 auto;
	width:1000px;
	margin-top:15px;
	margin-bottom:15px;
	padding: 3px;
	background: #fff;
	border:solid 1px #999999; 	
}

#head {
	display:block;
	height:285px;
	background:#000;
	padding:15px;
}

#forms {
	display:block;
	background:#f00;
	height:100px;
	padding:15px;

}

#empty {
	display:block;
	background:#fff;
	height:3px;
	padding:0px;
}

</style>

</head>

<body>

<div id="all">
<!-- Head -->
<div id="head"></div>
<!-- /Head -->
<div id="empty"></div>
<!-- Forms -->
<div id="forms"></div>
<!-- /Forms -->
</div>
</body>
</html>

В мозилле и в хроме слой empty отображается как и нужно высотой 3 пикселя

А вот в ие почему высотой 7 пикселей, что я с ним ни делаю.

Подскажите, как это победить?

Заранее спасибо.

Edited July 6, 2009 by f0rym4anin

f0rym4anin · July 6, 2009

уже помогли добрые люди

font-size: 0;

Ие не любит пустые слои с маленькой высотой

Sign In

Высота слоя ие

Question

f0rym4anin

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

f0rym4anin

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information