Непонятный зазод для hr в div

devmen · October 21, 2008

Уважаемые форумчане помогите разобраться с проблемой

Как убрать зазор между hr и верхней границей div помогите разобраться.

Из следующего кода

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Test</title>
	<style type="text/css">
		* { margin: 0; padding: 0 } 
		div {border:solid 1px red;}
		hr { border: 0; height: 1px; line-height:0; background-color: #b7b7b7; font-size:0;}
	</style>
</head>

<body>
		<div style="width: 360px; float: left;">
		<h1>Test Header</h1>
		<div>
			<hr/>
			<h3>Title of Event Will Go Here</h3>
		</div>
</body>
</html>

Получаю следующую картинки для IE и FF

rus · October 22, 2008

1) Для чего вам тег hr? Если для отделяющей линии, то можно для этого использовать бордер.

2) Для тегов h1 и h3 тоже нужно задать стилевые параметры (хотя бы размеры) так как их размеры по умолчанию так же могут влиять на отображение.

devmen · October 23, 2008

1) Для чего вам тег hr? Если для отделяющей линии, то можно для этого использовать бордер.
2) Для тегов h1 и h3 тоже нужно задать стилевые параметры (хотя бы размеры) так как их размеры по умолчанию так же могут влиять на отображение.

1) Я так и сделал, использовал бордер для формирования разделителя, хотя хотел использовать hr, но вопрос так и остался, откуда беруться зазоры ?

Облазил весь инет и не нашел такой баг у IE, разобраться что влияет на это зазор для меня теперь дело принципа

2) Мне в голову не приходят какие параметры могут влиять на такое поведение.

Вы смотрите я сбросил все отступы

WM · October 23, 2008

но вопрос так и остался, откуда беруться зазоры ?

Это надо у разрабов IE спросить.

Облазил весь инет и не нашел такой баг у IE

Не верю.

Вот решение. И даже на русском.

devmen · October 24, 2008

Это надо у разрабов IE спросить.

Да понял я что эта проблема IE

Не верю.
Вот решение. И даже на русском.

Гы я в рунете и не надеялся найти ответ, искал в англоязычном

Спасибо за ссылку.

А среди этих багов я не нашел бага с hr

Sign In

Непонятный зазод для hr в div

Question

devmen

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

devmen

Link to comment

Share on other sites

WM

Link to comment

Share on other sites

devmen

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information