Составление картинки из частей в xhtml strict.
Код:
--
<!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>
<title>footer.valign=bottom</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
*{ font:11px verdana }
html, body{ padding:0px; margin:0px; width:100%; height:100% }
img{ border:1px solid #000; padding:0px; margin:0px }
</style>
</head>
<body>
<div id="part1">
</div>
<div id="part2">
</div>
<div id="part3">
</div>
</body>
</html>
--
Результат:
В итоге должна получиться картинка видео камеры. И в IE это происходит, без проблем. А вот в Firefox нет. Появляются пробелы между частями картинки.
Вопрос:
Можно ли как-то убрать лишние пробелы именно в xhtml Strict?
В xhtml Transitional все работает прекрасно.
--
<!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>
<title>footer.valign=bottom</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
*{ font:11px verdana }
html, body{ padding:0px; margin:0px; width:100%; height:100% }
img{ border:1px solid #000; padding:0px; margin:0px }
</style>
</head>
<body>
<div id="part1">
</div><div id="part2">
</div><div id="part3">
</div></body>
</html>
--
Результат:
В итоге должна получиться картинка видео камеры. И в IE это происходит, без проблем. А вот в Firefox нет. Появляются пробелы между частями картинки.
Вопрос:
Можно ли как-то убрать лишние пробелы именно в xhtml Strict?
В xhtml Transitional все работает прекрасно.
Можно попробовать явно задать координаты для div, но это - не самое лучшее решение. Еше вариант - поиграться со свойствами margin и padding (для тех же самых div), но не знаю, поможет ли. Ну и последний вариант - использовать таблицу.
Оффтопик: а чем объясняется необходимость столь жесткого соответствия Strict?
Оффтопик: а чем объясняется необходимость столь жесткого соответствия Strict?
И еще: а зачем нужен border 1 px для img? По идее, он создает рамки вокруг каждой из картинок со всех четырех сторон, соответственно, из-за этих рамок и получаются "пробелы".