margin в СSS - need help

Grey · 03.02.2010, 13:00

Нужена пара коротких советов от спеца:
1). Почему при просмотре следующего кода в Firefox отступ первого элемента и последующих совпадает, а в IE первый отступ вдвое больше? Как это поправить?
2). Как задать мин.высоту для IE?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<style>
img {
border:0;
}
#container {
padding:0px;
margin:0px;
width: 770px;
min-height:700px;
border:1px red dashed;
}
.navEle {
height:100px;
width:118px;
float:left;
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 28px;
padding:0px;
border:1px blue dashed;
background-color:yellow;
}
</style>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div id="container">
<div class="navEle">
</div>
<div class="navEle">
</div>
<div class="navEle">
</div>
<div class="navEle">
</div>
<div class="navEle">
</div>
</div>
</body>
</html>

Niemans · 03.02.2010, 13:08

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style>
img {
	border:0;
}
#container {
	padding:0px;
	margin:0px;
	width: 770px;
	min-height:700px;
 //height:expression(eval(document.documentElement.clientHeight));

	border:1px red dashed;
}
.navEle {
	height:100px;
	width:118px;
	float:left;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 28px; //display: inline;
	padding:0px;
	border:1px blue dashed;
	background-color:yellow;
}
</style>
</head>
<body>
<div id="container">
  <div class="navEle"> </div>
  <div class="navEle"> </div>
  <div class="navEle"> </div>
  <div class="navEle"> </div>
  <div class="navEle"> </div>
</div>
<!--end container-->
</body>
</html>

Grey · 03.02.2010, 13:41

За код - большое человеческое спасибо

Если не сложно - дайте, пожалуйста, ссылочку где можно почитать как это реализовано. Если я правильно понял - это JavaScript, но не понял как он вставлен и почему такая пунктуация.

Niemans · 03.02.2010, 13:47

// это для ie6-7
display: inline устраняет проблему удвоения отступов.
А о min-height и min-width для ie6 написано много в сети, "min-height ie6" в яндекс.

Grey · 03.02.2010, 13:59

И еще раз большое человеческое =)

kost · 04.02.2010, 01:20

min-height для IE задается без всякого JS.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Грамотный MARGIN и PADDING	flamen1	HTML, CSS, JavaScript	2	15.12.2011 13:57
margin -60px IE7	kre	HTML, CSS, JavaScript	8	05.09.2009 23:35
margin	mifune	HTML, CSS, JavaScript	19	22.12.2004 13:49
margin	Денисон	HTML, CSS, JavaScript	6	23.01.2004 01:30

03.02.2010, 13:00	#1
Grey	Нужена пара коротких советов от спеца: 1). Почему при просмотре следующего кода в Firefox отступ первого элемента и последующих совпадает, а в IE первый отступ вдвое больше? Как это поправить? 2). Как задать мин.высоту для IE? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <style> img { border:0; } #container { padding:0px; margin:0px; width: 770px; min-height:700px; border:1px red dashed; } .navEle { height:100px; width:118px; float:left; position:relative; top:0px; left:0px; margin:0px 0px 0px 28px; padding:0px; border:1px blue dashed; background-color:yellow; } </style> <html> <head> <title>Untitled</title> </head> <body> <div id="container"> <div class="navEle"> </div> <div class="navEle"> </div> <div class="navEle"> </div> <div class="navEle"> </div> <div class="navEle"> </div> </div><!--end container--> </body> </html>

03.02.2010, 13:41	#3
Grey	За код - большое человеческое спасибо Если не сложно - дайте, пожалуйста, ссылочку где можно почитать как это реализовано. Если я правильно понял - это JavaScript, но не понял как он вставлен и почему такая пунктуация.

03.02.2010, 13:47	#4
Niemans	// это для ie6-7 display: inline устраняет проблему удвоения отступов. А о min-height и min-width для ie6 написано много в сети, "min-height ie6" в яндекс.

03.02.2010, 13:59	#5
Grey	И еще раз большое человеческое =)

04.02.2010, 01:20	#6
kost	min-height для IE задается без всякого JS.