проблема с margin-top

Krote · February 19, 2012


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style/style.css" rel="stylesheet" type="text/css" />
<title>Верстка</title>
<style>
*{margin:0; padding:0;}
#wrapper{
	width:980px;
	height:910px;
	margin:0 auto;
	border:1px solid #000;
}

#header{
	height:205px;
	background: -webkit-linear-gradient(top, #fff, #e8e9ed); 
	background: -o-linear-gradient(top, #fff, #e8e9ed); 
	background: -ms-linear-gradient(top, #fff, #e8e9ed); 
	background: linear-gradient(top, #fff, #e8e9ed); 

}
.logo{margin:50px 0 0 0; border:none;}

.search_div{float:right; margin:65px 50px 0 0;}

.search{background:#fffffd; border:1px solid #000;}

.search_img{margin-left:3px;}

.logo_div{float:left;}

.mini_img{margin-top:;}

.mini_img img{border:none;}


</style>
</head>
<body>
	<div id="wrapper" >
		<div id="header" >
			<div class="logo_div"><a href="/"><img src="img/logo.png" alt="" width="433" height="102" class="logo" /></a></div>


			<div class="search_div" >
				<p>Поиск по сайту</p>
				<input type="text" id="search" class="search" /><input type="image" src="img\search.png" class="search_img" id="input" />
			</div>
			<div class="mini_img">
				<a href="/"><img src="img/home.png" width="11" height="10" alt="" /></a>
				<a href="/"><img src="img/message.png" width="11" height="9" alt="" /></a>
				<a href="/"><img src="img/tree.png" width="11" height="9" alt="" /></a>
			</div>
		</div>	
	</div>
</body>
</html>

Проблема, если задать блоку с маленькими изображениями вверху margin-top, то сьезжает вниз полностью весь header. Как исправить? У блока класс mini_img

Edited February 19, 2012 by Krote

buddah · February 19, 2012

Используй padding.

Krote · February 19, 2012

спасибо

Sign In

проблема с margin-top

Question

Krote

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

buddah

Link to comment

Share on other sites

Krote

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information