Полоска между блоками

mastermedia · August 6, 2012

У меня возникла белая полоска между блоками header и content. Как убрать данную полоску?


body {

		margin: 0px;
		padding: 0px;
}

#wrap {
	margin: auto;
	width: 1000px;
}

#header  {
	height: 200px;
	background: url(../img/header-background.png) #348016 repeat-x;
}

#logo {
	text-align: center;
	padding-top: 34px;
}

#content {
	background-color: #CCCCCC;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>	
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	</head>
	<body>
		<div id="wrap">
			<div id="header">
				<div id="logo">
					<img src="img/logo.png" alt="logo">
				</div>
			</div>
		<!-- #header -->

			<div id="content">
				<h2>Я самый главный заголовок</h2>
				<p>Земная группа формировалась ближе к Солнцу, однако газопылевое облако меняет центральный эксцентриситет, хотя это явно видно на фотогpафической пластинке, полученной с помощью 1.2-метpового телескопа. Нулевой меридиан традиционно ищет далекий Юпитер – север вверху, восток слева. Природа гамма-всплексов на следующий год, когда было лунное затмение и сгорел древний храм Афины в Афинах (при эфоре Питии и афинском архонте Каллии), доступна. Природа гамма-всплексов, это удалось установить по характеру спектра, отражает экваториальный Юпитер, а оценить проницательную способность вашего телескопа поможет следующая формула: Mпр.= 2,5lg Dмм + 2,5lg Гкрат + 4. Экскадрилья, и это следует подчеркнуть, перечеркивает экваториальный pадиотелескоп Максвелла, данное соглашение было заключено на 2-й международной конференции “Земля из космоса - наиболее эффективные решения”. </p>
				<p>Земная группа формировалась ближе к Солнцу, однако газопылевое облако меняет центральный эксцентриситет, хотя это явно видно на фотогpафической пластинке, полученной с помощью 1.2-метpового телескопа. Нулевой меридиан традиционно ищет далекий Юпитер – север вверху, восток слева. Природа гамма-всплексов на следующий год, когда было лунное затмение и сгорел древний храм Афины в Афинах (при эфоре Питии и афинском архонте Каллии), доступна. Природа гамма-всплексов, это удалось установить по характеру спектра, отражает экваториальный Юпитер, а оценить проницательную способность вашего телескопа поможет следующая формула: Mпр.= 2,5lg Dмм + 2,5lg Гкрат + 4. Экскадрилья, и это следует подчеркнуть, перечеркивает экваториальный pадиотелескоп Максвелла, данное соглашение было заключено на 2</p>

				<h3>Я подзаголовочек</h3>
				<p>Земная группа формировалась ближе к Солнцу, однако газопылевое облако меняет центральный эксцентриситет, хотя это явно видно на фотогpафической пластинке, полученной с помощью 1.2-метpового телескопа. Нулевой меридиан традиционно ищет далекий Юпитер – север вверху, восток слева. Природа гамма-всплексов на следующий год, когда было лунное затмение и сгорел древний храм Афины в Афинах (при эфоре Питии и афинском архонте Каллии), доступна. Природа гамма-всплексов, это удалось установить по характеру спектра, отражает экваториальный Юпитер, а оценить проницательную способность вашего телескопа поможет следующая формула: Mпр.= 2,5lg Dмм + 2,5lg Гкрат + 4. Экскадрилья, и это следует подчеркнуть, перечеркивает экваториальный pадиотелескоп Максвелла, данное соглашение было заключено на 2-й международной конференции “Земля из космоса - наиболее эффективные решения”. </p>

				<h4>Я подзаголовочек</h4>
				<p>Земная группа формировалась ближе к Солнцу, однако газопылевое облако меняет центральный эксцентриситет, хотя это явно видно на фотогpафической пластинке, полученной с помощью 1.2-метpового телескопа. Нулевой меридиан традиционно ищет далекий Юпитер – север вверху, восток слева. Природа гамма-всплексов на следующий год, когда было лунное затмение и сгорел древний храм Афины в Афинах (при эфоре Питии и афинском архонте Каллии), доступна. Природа гамма-всплексов, это удалось установить по характеру спектра, отражает</p>
			</div>
		</div>
		<!-- #wrap -->
	</body>
</html>

P.S. Как мне самому находить свои ошибки без помощи форума?

Edited August 6, 2012 by mastermedia

dexter · August 6, 2012

#content {

padding:10px;

background-color: #CCCCCC;

}

DStereo · August 7, 2012

У меня возникла белая полоска между блоками header и content. Как убрать данную полоску?


body {

		margin: 0px;
		padding: 0px;
}

#wrap {
	margin: auto;
	width: 1000px;
}

#header  {
	height: 200px;
	background: url(../img/header-background.png) #348016 repeat-x;
}

#logo {
	text-align: center;
	padding-top: 34px;
}

#content {
	background-color: #CCCCCC;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>	
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	</head>
	<body>
		<div id="wrap">
			<div id="header">
				<div id="logo">
					<img src="img/logo.png" alt="logo">
				</div>
			</div>
		<!-- #header -->

			<div id="content">
				<h2>Я самый главный заголовок</h2>
				<p>Земная группа формировалась ближе к Солнцу, однако газопылевое облако меняет центральный эксцентриситет, хотя это явно видно на фотогpафической пластинке, полученной с помощью 1.2-метpового телескопа. Нулевой меридиан традиционно ищет далекий Юпитер – север вверху, восток слева. Природа гамма-всплексов на следующий год, когда было лунное затмение и сгорел древний храм Афины в Афинах (при эфоре Питии и афинском архонте Каллии), доступна. Природа гамма-всплексов, это удалось установить по характеру спектра, отражает экваториальный Юпитер, а оценить проницательную способность вашего телескопа поможет следующая формула: Mпр.= 2,5lg Dмм + 2,5lg Гкрат + 4. Экскадрилья, и это следует подчеркнуть, перечеркивает экваториальный pадиотелескоп Максвелла, данное соглашение было заключено на 2-й международной конференции “Земля из космоса - наиболее эффективные решения”. </p>
				<p>Земная группа формировалась ближе к Солнцу, однако газопылевое облако меняет центральный эксцентриситет, хотя это явно видно на фотогpафической пластинке, полученной с помощью 1.2-метpового телескопа. Нулевой меридиан традиционно ищет далекий Юпитер – север вверху, восток слева. Природа гамма-всплексов на следующий год, когда было лунное затмение и сгорел древний храм Афины в Афинах (при эфоре Питии и афинском архонте Каллии), доступна. Природа гамма-всплексов, это удалось установить по характеру спектра, отражает экваториальный Юпитер, а оценить проницательную способность вашего телескопа поможет следующая формула: Mпр.= 2,5lg Dмм + 2,5lg Гкрат + 4. Экскадрилья, и это следует подчеркнуть, перечеркивает экваториальный pадиотелескоп Максвелла, данное соглашение было заключено на 2</p>

				<h3>Я подзаголовочек</h3>
				<p>Земная группа формировалась ближе к Солнцу, однако газопылевое облако меняет центральный эксцентриситет, хотя это явно видно на фотогpафической пластинке, полученной с помощью 1.2-метpового телескопа. Нулевой меридиан традиционно ищет далекий Юпитер – север вверху, восток слева. Природа гамма-всплексов на следующий год, когда было лунное затмение и сгорел древний храм Афины в Афинах (при эфоре Питии и афинском архонте Каллии), доступна. Природа гамма-всплексов, это удалось установить по характеру спектра, отражает экваториальный Юпитер, а оценить проницательную способность вашего телескопа поможет следующая формула: Mпр.= 2,5lg Dмм + 2,5lg Гкрат + 4. Экскадрилья, и это следует подчеркнуть, перечеркивает экваториальный pадиотелескоп Максвелла, данное соглашение было заключено на 2-й международной конференции “Земля из космоса - наиболее эффективные решения”. </p>

				<h4>Я подзаголовочек</h4>
				<p>Земная группа формировалась ближе к Солнцу, однако газопылевое облако меняет центральный эксцентриситет, хотя это явно видно на фотогpафической пластинке, полученной с помощью 1.2-метpового телескопа. Нулевой меридиан традиционно ищет далекий Юпитер – север вверху, восток слева. Природа гамма-всплексов на следующий год, когда было лунное затмение и сгорел древний храм Афины в Афинах (при эфоре Питии и афинском архонте Каллии), доступна. Природа гамма-всплексов, это удалось установить по характеру спектра, отражает</p>
			</div>
		</div>
		<!-- #wrap -->
	</body>
</html>

P.S. Как мне самому находить свои ошибки без помощи форума?

Полоска скорее всего возникает из-за того, что у h2, который находится сразу же в начале блока content, есть верхний margin, который браузеры задают по-умолчанию.

Поэтому этот margin отбивает header и получается полоска.

P.S. Как мне самому находить свои ошибки без помощи форума?

Учиться и все прийдет с опытом.

Sign In

Полоска между блоками

Question

mastermedia

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

dexter

Link to comment

Share on other sites

DStereo

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information