Черная полоса и таблица

[Uvelirr]

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

Можно так:

{
  position:absolute;
  left:50%;
  margin-left: /* минус половина ширины */ 
}

только при сверх маленьком экране меню уедет за область видимости окна

А разве при этом не наступит эффект уезжания на любом экране вправо? Лучше бы центрировать его, чем отступать.. Т.е. что бы выполнялось условие:
Если таблица не влезает в область отображения браузера => то пусть не влезают равномерно и левая и правая ее части.

[TranceSmile]

Взять все в div

<div  style="width:1024px; margin:0 auto;">
<!-- содержимое -->
</div>

[Uvelirr]

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

Взять все в div

<div  style="width:1024px; margin:0 auto;">
<!-- содержимое -->
</div>

Взял в DIV весь BODY.
Все уехало вправо на сколько-то пикселей (черная полоса слева стала шире). Что я сделал не так?

[Uvelirr]

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

Можно так:

{
  position:absolute;
  left:50%;
  margin-left: /* минус половина ширины */ 
}

только при сверх маленьком экране меню уедет за область видимости окна

Поставил так:

body{
  position:absolute;
  left:50%;
  margin-left: /* минус половина ширины */ 
}

Весь сайт уехал на середину экрана, т.е. левая часть экрана - черное полотно, от середины вправо начинается сайт. Что не так?

[TranceSmile]

Вот этот кусочек цсс меня улыбнул.

body{
  position:absolute;
  left:50%;
  margin-left: /* минус половина ширины */ 
}

Делайте вот так

body{
  width:1024px;
  margin:0 auto;
}

[Uvelirr]

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

Делайте вот так

body{
  width:1024px;
  margin:0 auto;
}

Будет вам смеятся над новичками. Переделал.Можно сейчас зайти посмотреть А результат не достигнут - на разрешении 1024 он все равно жмется к левому верхнему.

body{
padding:0;
width:1024px;
margin:0 auto;
}

[Naive]

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

Поставил так:

body{
  position:absolute;
  left:50%;
  margin-left: /* минус половина ширины */ 
}

Весь сайт уехал на середину экрана, т.е. левая часть экрана - черное полотно, от середины вправо начинается сайт. Что не так?

Коммент в коде вас нисколько не смутил? Если так, то попробуйте фразу " /* минус половина ширины */ " заменить на минус половину ширины

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

Вот этот кусочек цсс меня улыбнул.

body{
  position:absolute;
  left:50%;
  margin-left: /* минус половина ширины */ 
}

Делайте вот так

body{
  width:1024px;
  margin:0 auto;
}

И что же вас так улыбнуло? "Вот так" при маленьком разрешении прижмет страницу к левому краю, чего топикстартер не желает:

Для экранов 1024, например, сайт уезжает вправо, т.е. прижимается левым верхним углом к браузеру. Сайт был бы читаем и на 1024, если бы он центрировался в окне браузера, а не прижимался.

[TranceSmile]

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

Коммент в коде вас нисколько не смутил? Если так, то попробуйте фразу " /* минус половина ширины */ " заменить на минус половину ширины


И что же вас так улыбнуло? "Вот так" при маленьком разрешении прижмет страницу к левому краю, чего топикстартер не желает:

вот это

 margin-left: /* минус половина ширины */

[Uvelirr]

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

попробуйте фразу " /* минус половина ширины */ " заменить на минус половину ширины

Похоже, что мне сразу надо так писать.
Конечный - рабочий вариант. Большое спасибо за почву к размышлениям.

PHP код:

body{
  position:absolute;
  left:50%;
  margin:0px 0px 0px -640px;
   padding: 0;
}