bilgi web paylaş - CSS ile site ile browser

Bu derste sizlere siteyi en üstte aralık olmadan tasarlamanıza yarayan kodu vereceğim arkadaşlar. Çok basit olmasına ramen şahçen çoğu zaman unutuyorum bu kodu. Sizlerle paylaşayim dedim.

<html>
<head>Çalışma</head>
<body id="body">

<div id="menur">Menü</div>

</body>
</html>

Margin değerini vermediğimiz zaman bu şekilde yukarıda boşluk olacaktır.

http://img.sanalkurs.net/uploads/1_482.jpg

Bu şekilde bir htmlimiz olsun diyelim. Bunun menu değerini istediğiniz gibi veriyorsunuz. Tarayıcı ile arasında boşlık bırakmaması için de "body" id'sine aşağıdaki margin değerlerini veriyorsunuz. Bu kadar basit.

#body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#menu {
	height: auto;
	width: 1024px;
	background-color: #333;
	color: #FFF;
	text-align: center;
}

Margin değerlerini girdikten sonra da bu şekilde sıfırlanacaktır. Aynı şekilde 0 px yerine isteğiniz doğrultusunda farklı değerler de girebilirsiniz.

http://img.sanalkurs.net/uploads/2_409.jpg

Kolay gelsin.