Позиционирование DIV'a

lmz · 13.07.2006, 16:12

не понимаю в чём дело:

Код HTML:

body {
  font-family: Verdana, Arial;
  font-size: 10px;
  text-align: center;
  background-image: url(img/main_back.gif);
}

div.header{
  height:80px;
  width:760px;  
  margin:0;
  background-image:url(img/new_header.gif);
  
}

вот такая таблица, пот такой ХТМЛ:

Код HTML:

<body>
<div class="header"> a </div>
</body>

див должен стоять в центре а в Опере и Лисе стоит почему слеваб скраю, как только убираю width, height всё нормально.

KidsKilla · 13.07.2006, 16:17

потомучто осёл -- фуфлобрузер. у тя и должно всё слева быть.
центрирование делается так:

Код:

body {
  font-family: Verdana, Arial;
  font-size: 10px;
  text-align: center;
  background-image: url(img/main_back.gif);
}

div.header{
  height:80px;
  width:760px;  
  margin:auto;
  text-align:left;
  background-image:url(img/new_header.gif);
}

baron27 · 13.07.2006, 16:20

Код:

body {
  font-family: Verdana, Arial;
  font-size: 10px;
  background-image: url(img/main_back.gif);
}

div.header{
  height:80px;
  width:760px;  
  margin-left:auto;
  margin-right:auto;
  background-image:url(img/new_header.gif);
  border:1px solid #000;
  text-align: center;
}

KidsKilla · 13.07.2006, 19:05

Цитата:

Сообщение от baron27

Код:

body {
  font-family: Verdana, Arial;
  font-size: 10px;
  background-image: url(img/main_back.gif);
}

div.header{
  height:80px;
  width:760px;  
  margin-left:auto;
  margin-right:auto;
  background-image:url(img/new_header.gif);
  border:1px solid #000;
  text-align: center;
}

в 5х ослах блок будет слева.

baron27 · 13.07.2006, 21:26

>> в 5х ослах блок будет слева.
честно говоря, даже не знаю где его взять

KidsKilla · 17.07.2006, 19:47

http://browsers.evolt.org/?ie/32bit/standalone
отсюда: http://www.flasher.ru/forum/showthread.php?t=71021