Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

margin в СSS - need help

Обсуждение темы margin в СSS - need help в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Нужена пара коротких советов от спеца: 1). Почему при просмотре следующего кода в Firefox отступ первого элемента и последующих совпадает, а в IE ...


Закрытая тема
 
Опции темы
Старый 03.02.2010, 13:00   #1
Нужена пара коротких советов от спеца:
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:00
Ссылки
Старый 03.02.2010, 13:08   #2
Код 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>
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Grey (03.02.2010)
Старый 03.02.2010, 13:41   #3
За код - большое человеческое спасибо
Если не сложно - дайте, пожалуйста, ссылочку где можно почитать как это реализовано. Если я правильно понял - это JavaScript, но не понял как он вставлен и почему такая пунктуация.
 
Старый 03.02.2010, 13:47   #4
// это для ie6-7
display: inline устраняет проблему удвоения отступов.
А о min-height и min-width для ie6 написано много в сети, "min-height ie6" в яндекс.
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Grey (03.02.2010)
Старый 03.02.2010, 13:59   #5
И еще раз большое человеческое =)
 
Старый 04.02.2010, 01:20   #6
min-height для IE задается без всякого JS.
 
Старый 04.02.2010, 01:20
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Грамотный 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


Текущее время: 15:02. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум