DOCTYPE меняет отображение страницы

corsair · March 29, 2011

Доброго времени суток!

Помогите, пожалуйста, решить следующую проблему.

Есть HTML5-код:


<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>DOCTYPE</title>
		<style type="text/css">
			table, tr, td
			{
				margin:  	 0px;
				padding: 	 0px;
				border:  	 1px solid black;
				border-collapse: collapse;
				border-spacing:  0px;	
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<td>
					<img src="image.jpg">
				</td>
			</tr>
		</table>
	</body>
</html>

Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHTML1 Strict под изображением образуется небольшое пустое пространство, при чем в разных браузерах разного размера.

Если выставить доктайп с переходным синтаксисом - эта особенность исчезает и страница ведет себя ожидаемым образом, т.е. изображение плотно прилипает к границам ячейки.

Проблему удалось решить с помощью margin-bottom: -4px, но это не универсально, к тому же явный костыль. Но других способов я не нашел.

Объясните, пожалуйста, почему это происходит и как от этого избавиться, сохранив при этом доктайп.

У меня идеи закончились.

Спасибо!

SelenIT · March 29, 2011

http://forum.htmlbook.ru/index.php?showtopic=13589&view=findpost&p=93519 ?

corsair · March 29, 2011

http://forum.htmlbook.ru/index.php?showtopic=13589&view=findpost&p=93519 ?

Благодарствую. Век живи - век учись!

Sign In

DOCTYPE меняет отображение страницы

Question

corsair

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

SelenIT

Link to comment

Share on other sites

corsair

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information