Выравнивание по центру в IE6

Andrej · November 4, 2008

Понимаю, что может вызвать смех знатоков, но я зашёл в тупик, первый раз такое вижу!

Внешний лист стилей, всё на дивах, всё как в лучших домах Парижу и Лондону.

В Файрфоксе 3, в ИЕ7, в Опере 9.х - идеально, а в ИЕ6 нету выравнивания по центру, выравнивает слева

код в css:

——————

#head {

margin: 0 auto;

width: 1000px;

height: 30px;

}

——————

Люди, в чём причина? Я уже два дня голову ломаю... Или перед собой не вижу или не знаю чего-то важного.

klierik · November 4, 2008

выложите страничку в интернет. мало информации что бы говорить о чем либо.

rus · November 4, 2008

на первый взгляд:

text-align: center;

А там действительно кто его знает.

Andrej · November 4, 2008

выложите страничку в интернет. мало информации что бы говорить о чем либо.

Вот страничка

——————————————————

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
  <title></title>
  <meta name="AUTHOR" content="" />
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <link rel="stylesheet" type="text/css" href="styles/general.css" />
</head>
<body>
	<div id="flagi">
		<a class="flags" href="" title="Ger"><img src="img/ger.gif" alt="Ger" /></a>
		<a class="flags" href="" title="GB"><img src="img/gb.gif" alt="GB" /></a>
		<a class="flags" href="" title="Rus"><img src="img/rus.gif" alt="Ru" /></a>
	</div>
	<div id="head"></div>
	<div id="menu">
		<ul>
			<li><a href="" title="Операции с недвижимостью">Операции с недвижимостью</a></li>
			<li><a href="" title="Услуги кредитного брокера">Услуги кредитного брокера</a></li>
			<li><a href="" title="Инвестиционный сервис">Инвестиционный сервис</a></li>
			<li><a href="" title="Управление продажами">Управление продажами</a></li>
			<li><a class="last" href="" title="Бизнес аналитика">Бизнес аналитика</a></li>
		</ul>
	</div>
</body>
</html>

—————————————--

выложите страничку в интернет. мало информации что бы говорить о чем либо.

СТИЛЬ

* {
    margin: 0;
    padding: 0;
  }


body {
    background: #8acaca;
    color:#1d1d1d;
  }


#flagi {
    margin: 0 auto;
    margin-top: 15px;
    width: 1000px;
    height: 15px;
  }


#head {
    margin: 0 auto;
    margin-top: 15px;
    width: 1000px;
    height: 200px;
    background-image: url('../img/header.jpg');
	clear: left;
  }


.flags {
    float: right;
    margin: 0 10px;
    text-decoration: none;
  }


a img {
    border: none;
  }

#menu	{
	margin: 0 auto;
    width: 1000px;
    height: 40px;
}
#menu ul {
    list-style: none;
  }


#menu li {
    display: inline;
  }

#menu ul a {
    display: block;
    float: left;
    padding: 13px 29px;
    background-image:url('../img/knopka.gif');
    text-decoration: none;
    font: 12px bold Arial, Heletica, sans-serif;
    color: #eee;
	border-right: 1px solid #fff;
  }

#menu ul a.last {
    padding: 13px 31px;
    background-image:url('../img/knopka.gif');
	border-right: none;
  }

#menu ul a:hover {
    color: #000;
  }

rash · November 4, 2008

Уберите XML-декларацию.

<?xml version="1.0" encoding="windows-1251"?>

Andrej · November 5, 2008

Уберите XML-декларацию.
<?xml version="1.0" encoding="windows-1251"?>

И это поможет избежать проблем с выравниванием?

rash · November 5, 2008

Да, это поможет.

yopopt · November 5, 2008

rash, наверное стоило бы объяснить, на что влияет это объявление.

Так происходит из-за того, что IE6 смотрит объявление доктайпа только в первой строке документа. Найдя там XML-декларацию, он принимает её за неправильный доктайп и переходит в "Quirks mode" где описанное выше центрирование элементов не работает.

rash · November 5, 2008

Просто меня немного смутило, что был задан этот вопрос. Ведь можно было сначала попробовать изменить код, а потом спросить, почему это помогает, а не поможет ли это вообще :-)

Да, только в IE указание XML-декларации мешает переключению режима рендеринга в зависимости от doctype.

Andrej · November 5, 2008

Просто меня немного смутило, что был задан этот вопрос. Ведь можно было сначала попробовать изменить код, а потом спросить, почему это помогает, а не поможет ли это вообще :-)
Да, только в IE указание XML-декларации мешает переключению режима рендеринга в зависимости от doctype.

Да, но у меня просто на ноуте виста стоит, а в ней сами знаете какой ИЕ. А 6-й у человека с которым я делаю совместно этот сайт. Он делает базу данных на пхп и м-скл, и у него ХР, вот он-то и заметил эту разницу. Самое странное, что при отправке тестовой страницы с параметрами {margin: 0 auto;} почему-то всё отображалось нормально. Он тестировал сайт в каком-то локалхосте (насколько слышал, вроде как локальный сервер на компью

Большое спасибо всем, кто откликнулся!

Sign In

Выравнивание по центру в IE6

Question

Andrej

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Andrej

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

Andrej

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

Andrej

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information