Непонятный отступ

fl4sh · December 8, 2010

Добрый день!

Может этот вопрос уже задавался, но я даже не знаю по какому словосочетанию искать.

Дело в том, что появляется небольшой отступ в меню, непонятно откуда...

В IE и Firefox отступа нет...

Скриншот:

Код:

<!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" xml:lang="ru">
	<title></title>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
		<style>
		body { font-family: Arial; font-size: 14px; }
		#block { min-width: 980px; width: 100%; margin: 0 auto; overflow: hidden; }
		#block .menu { float: left; width: 100%; height: 50px; background-color: #ff4545; }
		#block .menu .menu-item { width: 100%; float: left; height: 35px; background-color: #fafafa; color: #000000; text-align: center; padding-top: 15px; }
		#block .menu .other-bg-color { background-color: #efefef; }		
		#block .menu .menu-item:hover { background-color: #8bb8d5; color: #ffffff; text-decoration: none; }
		</style>
	</head>
	<body>
		<div id = 'block'>
			<div class = 'menu'>
				<a class = 'menu-item' href = '#' style = 'width: 5%;'>©</a>
				<a class = 'menu-item other-bg-color' href = '#' style = 'width: 14%;'>Пункт меню</a>
				<a class = 'menu-item' href = '#' style = 'width: 15%;'>Пункт меню</a>
				<a class = 'menu-item other-bg-color' href = '#' style = 'width: 14%;'>Пункт меню</a>
				<a class = 'menu-item' href = '#' style = 'width: 15%;'>Пункт меню</a>
				<a class = 'menu-item other-bg-color' href = '#' style = 'width: 16%;'>Пункт меню</a>
				<a class = 'menu-item' href = '#' style = 'width: 16%;'>Пункт меню</a>
				<a class = 'menu-item other-bg-color' href = '#' style = 'width: 5%;'>©</a>
			</div>
		</div>
	</body>
</html>

Simon · December 8, 2010

в стиль body добавь margin:0;

Vlad · December 8, 2010

Ну так убрать background-color: #ff4545;

fl4sh · December 8, 2010

в стиль body добавь margin:0;

я имел ввиду то место, которое залито розовым (#ff4545) цветом

Ну так убрать background-color: #ff4545;

я специально залил этим цветом, чтоб показать отступ, который нужно убрать!

Просто получается, что справа и слева от меню разные расстояния, мне нужно чтоб они были одинаковыми

Sign In

Непонятный отступ

Question

fl4sh

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Simon

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

fl4sh

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information