Дополнительный margin в ie

Trust · May 31, 2009

Всем привет!

Помогите пожалуйста разобраться в вопросе. Есть у меня схемка для того, чтобы футер тянулся до пола. Так вот когда я её использую, ie зачем-то добавляет дополнительный margin по бокам. Покопав и не поняв почему так происходит, пришел сюда.

В данном случае, это белый блок справа - стоит margin 30 - в лисе всё ок, в ie margin в раза три больше (ie 6).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>:)</title>
<style>
html, body {
	height:100%;
}

body {
	font-family:trebuchet MS, tahoma;
	min-height:94%;
	font-size:12px;
	font-color:#555555;
}

#container {
	width:90%;
	min-height: 94%;
	margin-left:auto;
	margin-right:auto;
	color:#333333;
}

* html #container {
	height: 94%; 
}

#cont{
	width: 100%;
}

#content {
	margin-left:auto;
	margin-right:auto; 
	width:100%;
}
</style>
</head>

<body>

<div id="container">
			<div id="cont">
				<div id="content">

					<div style="width:100%; height:155px">
					</div>

					<div style="width:100%; height:80px">
					</div>

					<div style="width:100%; height:145px; background:#4d72b4">

					<div style="width:210px;  height:145px; float:right; margin-right:30px; background:#FFFFFF"></div>

					</div>	
				</div>
			</div>	
</div>

<div id="fg"><div style="background:#666666; height:1px; font-size:1px; width:90%; padding:0; margin:0 auto"></div></div>

</body>
</html>

Edited May 31, 2009 by Trust

DjTarik · May 31, 2009

У 6 осла есть "особенность" - если элементу прописать float и отступ в ту же сторону - он его ровно удвоит... В втоем случает для IE 6 стоит прописать отдельный стиль, с отступом в 15 px...

psywalker · May 31, 2009

Не надо ничего приписывать, просто поставь плавающему блоку, на котором висит косяк: display: inline;

Trust · May 31, 2009

psywalker, DjTarik большое спасибо))

psywalker · May 31, 2009

psywalker, DjTarik большое спасибо))

Забудь :rolleyes:

Sign In

Дополнительный margin в ie

Question

Trust

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

DjTarik

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Trust

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information