Xpoint
   [напомнить пароль]

FF и Opera неверно центрируют блок

Метки: [без меток]
2007-10-19 21:37:17 [обр] brutalProger(0/3)[досье]
Здравствуйте. Задача в выравнивании блока по правому краю. Столкнулся с тем, что FF и Opera выравнивают блок не справа, а по центру (FF 2, Opera 9.1). Чем может быть вызвано такое поведение?
Вот пример http://www.q-tuz.ru/tmp/2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>
<style type="text/css">
#menu {text-align: right; padding: 2px} 
#menu div {width: 20%; margin: 0 auto; text-align: left;}
#menu, #menu div {border: 1px solid red;}
</style></head><body>

<div id="menu">
   <div>wefwef</div>
</div>
</body></html>
спустя 2 часа 18 минут [обр] Алексей В. Иванов(197/2861)[досье]
Это правильное поведение. В коде центрирование: margin: 0 auto.
По стандарту text-align не управляет блоками, а только текстом. Используйте float:right или position:.../right:0 или margin:0 0 0 auto
спустя 2 часа 8 минут [обр] brutalProger(0/3)[досье]

Алексей В. Иванов[досье] т.е. фактически браузер не знает сколько ему отступить, и отступает по обеим сторонам

 длина_родителя-длина/2

За подсказку спасибо =)

спустя 19 часов [обр] Marat Tanalin(6/78)[досье]
Браузер знает, сколько ему отступить, из спецификации:
If both 'margin-left' and 'margin-right' are 'auto', their used values are equal. This horizontally centers the element with respect to the edges of the containing block.
http://www.w3.org/TR/CSS21/visudet.html#blockwidth
спустя 3 дня [обр] brutalProger(0/3)[досье]
Уяснил, всем спасибо за ответы, тему можно закрывать
Powered by POEM™ Engine Copyright © 2002-2005