Это образец:
<html>
<head>
<title>word test</title>
</head>
<body>
<div style='position: absolute; width: 30px; height: 50px; top: 100px; left: 20px; border-color: black; border-width: 1px; border-style: solid;'>
<p>Hello!</p>
</div>
</body>
</html>
Сохраните его как «word.doc» и откройте в MS WORD.
Абсолютная позиция не работает!
Div отображается в верхней части документа и имеет ширину 100%. Зачем? Я не могу использовать таблицы HTML.
Версия на MS Word: 2003
Вы можете найти полный список поддерживаемых в Word 2007 CSS здесь:
http://msdn.microsoft.com/en-us/library/aa338201%28office.12%29.aspx
Да, это ужасно плохо, но ожидаете ли вы чего-то еще от команды Microsoft Office?
Вот краткий справочный список CSS2, который вы не можете использовать:
Возможно, потому что Microsoft Word использует свой собственный рендерер, который отстой.
Статья от 2007 года говорит ...
Нет поддержки для поплавка или позиции
(это должно относиться к вам, потому что ваша версия 2003)
Так что тебе не повезло. К сожалению, по этой причине макеты таблиц все еще распространены в электронных письмах HTML.
Хорошо, у меня была такая же проблема. Что я сделал, это отформатировал мой HTML-документ в Word и сохранил его. Затем я сократил разметку до того, что мне действительно нужно. Вам необходимо включить пространство имен vml в документ html (xmlns:v = "urn:schemas-microsoft-com:vml")
<html xmlns:v="urn:schemas-microsoft-com:vml">
Затем вам нужен следующий код, выберите идентификатор, как вы хотите, вы также можете выбрать положение изображения более или менее свободно. Изображение перед текстом.
<!--[if gte vml 1]><v:shape id="Bild_x0020_1" type="#_x0000_t75"
style='position:absolute;left:0;text-align:left;margin-left:338.55pt;
margin-top:26pt;width:105pt;height:138.75pt;z-index:251658240;'>
<v:imagedata src="http://c7.valuewalk.com/wp-content/uploads/2011/12/billg4_web1.jpg"/>
</v:shape><![endif]-->
Хотя я не уверен, что это работает для Word 2003, моя версия 2010.