Показать сообщение отдельно
  #38 (permalink)  
Старый 14.04.2010, 18:50
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Ой. Это я что-то не внимательно прочел. У XHTML, отдаваемого, как text/html нет никакой расширяемости, он парсится, как простой HTML. Тогда смысл только в том, чтобы придерживаться более строго синтаксиса и при необходимости иметь возможность переключится на application/xml+xhtml без особых проблем. Хотя я не понимаю, что мешало разработчикам браузеров сделать поддержку того же SVG в режиме text/html, VML в IE работает же.



Opera выдает более ожидаемый вариант, если посмотреть на то, что отображается, когда для всех блоков задан display:inline.
<!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" />
<title>Untitled Document</title>
<style type="text/css">
body {
	text-align: center;
}
.wrapper {
	display: inline;
	border: 5px dotted #f00;
}
.b {
	display: inline;
	border: 5px dashed #00f;
}
</style>
</head>

<body>
	<div class="wrapper">
		<div class="b">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
		<div class="b">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
	</div>
</body>
</html>
От inline-block ожидается того же, но с прямоугольными границами по ширине контента, а не по периметру текста. Но во всех браузерах, кроме Opera, получаем другой результат
<!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" />
<title>Untitled Document</title>
<style type="text/css">
body {
	text-align: center;
}
.wrapper {
	display: inline-block;
	border: 5px dotted #f00;
}
.b {
	display: inline;
	border: 5px dashed #00f;
}
</style>
</head>

<body>
	<div class="wrapper">
		<div class="b">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
		<div class="b">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
	</div>
</body>
</html>


И у ТС последний div не закрыт)

Последний раз редактировалось Octane, 14.04.2010 в 19:40.
Ответить с цитированием