ie7 hr

midnight · July 10, 2010

Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7

@CHARSET "UTF-8";
*{
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 16px;
}

#wrapper{
	width: 960px;
	margin: auto;

}

#wrapper #header{
	height: 50px;
	background-color: teal;
	padding: 10px;
}

#wrapper #header p{
	font-size: 12px;
}


#wrapper hr{
	margin-top: 0px;
	height:5px;
	background-color: #295C4A;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href = "stylesheets/testing_template.css" rel = "stylesheet" type = "text/css" />
<title>Basic Template</title>
</head>
<body>

<div id = "wrapper">
	<div id = "header">
		<p>testing_template.css</p>

	</div>
	<hr/>	
	<div id = "middle">
		<div id = "menu">
			<ul id = "menu_list">
				<li> index </li>
				<li> register </li>
				<li> authorize </li>
			</ul>
		</div>
		<div id = "main">
		</div>
	</div>
	<div id = "footer">
	</div>
</div>


<!-- include JS -->
</body>
</html>

Если кому нечем заняться - прошу просветить меня по этому поводу.

adwo · July 10, 2010

Все потому что он здесь не нужен.

Пропишите border-bottom: 5px solid #295C4A; для #header.

DjTarik · July 10, 2010

Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7

@CHARSET "UTF-8";
*{
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 16px;
}

#wrapper{
	width: 960px;
	margin: auto;

}

#wrapper #header{
	height: 50px;
	background-color: teal;
	padding: 10px;
}

#wrapper #header p{
	font-size: 12px;
}


#wrapper hr{
	margin-top: 0px;
	height:5px;
	background-color: #295C4A;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href = "stylesheets/testing_template.css" rel = "stylesheet" type = "text/css" />
<title>Basic Template</title>
</head>
<body>

<div id = "wrapper">
	<div id = "header">
		<p>testing_template.css</p>

	</div>
	<hr/>	
	<div id = "middle">
		<div id = "menu">
			<ul id = "menu_list">
				<li> index </li>
				<li> register </li>
				<li> authorize </li>
			</ul>
		</div>
		<div id = "main">
		</div>
	</div>
	<div id = "footer">
	</div>
</div>


<!-- include JS -->
</body>
</html>

Если кому нечем заняться - прошу просветить меня по этому поводу.

По умолчанию, в ie6 и ie7 отступы у hr на 7px сверху и снизу больше. Тут писать отдельный стиль или не использовать вообще.

midnight · July 10, 2010

Большое спасибо за помощь

psywalker · July 10, 2010

Забудь про этот устаревший тег, его уже давно никто не использует.

Sign In

ie7 hr

Question

midnight

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

adwo

Link to comment

Share on other sites

DjTarik

Link to comment

Share on other sites

midnight

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information