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

[Uvelirr]

День добрый!

Не люблю приамбул, но сдесь придется: код - первая доска для проб лепки из пластелина, на которой происходило и происходит знакомство с азами, так что не надо умничать про кривизну, я и сам догадываюсь, ответьте по делу:

1. На сайте вверху черная-причерная полоска во всех браузерах (хотя в ИЕ, например, она шире).
2. Сайт - сплошная таблица, заполненная картинками (где содержанием, а где и вовсе бэкграундом). Во всех браузерах отображается корректно, но в некоторых версиях Оперы (в т.ч. и Portable) есть момент - примерно каждый 10й заход на сайт ломается таблица и отображается что-попало. Эффект можно пронаблюдать методично нажимая F5. На последних версиях оперы все работает хорошо. Просто кривая Опера какая-то или код?

Ссылка на сайт
Код сюда не показываю, сильно большой для сообщения.

Спасибо всем, кто поможет добрым советом.

[TranceSmile]

А как насчёт сложных таблиц? а то таблица в таблице. Имхо это кривой код.

[Naive]

в опере есть инструменты для отслеживания работы верстки, воспользуйтесь ими:
в одной закладке откройте нормальную версию, во второй — разъехавшуюся. Самый верный способ определить что именно пошло не так.
А в целом говоря, обычно табличная верстка является наиболее надежной, если не юзаются colspan и rowspan

[TranceSmile]

А мне кажется что табличная верстка уже прошлое.

[Uvelirr]

Кто что скажет на счет полосы-то черной?

[Naive]

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

Кто что скажет на счет полосы-то черной?

Если я подумал в нужном направлении, то вам нудно просто поставить резет стилей (http://meyerweb.com/eric/tools/css/reset/)
Стоит учесть, что все стили необходимо задавать заново.
п.с. в 16 хроме тут: http://agat-t.ru/Product.htm появляется горизонтальная прокрутка

[pompiduskus]

а если (тут то что нужно сдвинуть таблица или див) {margin-top:-20px;}
...........
.chototo {margin-top:-20px;}

[Kotofff]

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

Кто что скажет на счет полосы-то черной?

У Вас в CSS ?

PHP код:

body {
display: block;
margin: 8px;
} 


Это не оно ли ? Т.е. Вы отступаете со всех сторон по 8px ...

[Uvelirr]

Добрый человек помог -
body{
margin:0;
padding:0;
}

Полоса исчезла. Большое ему спасибо.

Еще вопрос возник:

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

Может есть способ это сделать под все браузеры?

[Naive]

Можно так:

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

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