Верстка и Safari

[OVenGo]

Всем добрый день!

Столкнулся со следующей проблемой... Разрабатываю сайт http://admship.ru. В основе - Wordpress. Шаблон, по сути, написан с нуля. Во всех браузерах сайт отображается прекрасно - никаких нареканий нет. Но когда дело доходит до Apple'овских продуктов, то получаем следующее: весь сайт съезжает влево и часть его канет в лету. Что самое неприятное, на мобильных устройствах Android с установленной Оперой то же самое - за границы экрана улетает левый край. В каком месте может быть хитрость?

[USF]

#whiteline {
left: 50%;

зачем вам еще один сдвиг внутри сдвинутого блока?

зачем блок контента с абсолютным позиционированием?

Не проще сделать margin: 0 auto для центрирования блока?

сама по себе верстка очень странная.

[OVenGo]

#whiteline {
left: 50%;

зачем вам еще один сдвиг внутри сдвинутого блока?

зачем блок контента с абсолютным позиционированием?

Не проще сделать margin: 0 auto для центрирования блока?

сама по себе верстка очень странная.

По поводу странной верстки. Задача была поставлена такова, чтобы весь сайт располагался по центру страницы браузера. Для центрирования блока пришлось прибегнуть к достаточно кривой конструкции (ниже приведу), найденной в сети. Причина использования: в разных браузерах при других CSS сайт гулял по экрану и не хотел позиционироваться четко по центру экрана.

#upblockdiv {

margin: 0 auto;

padding: 0px;

left: 50%;

height: 157px;

width: 993px;

position: absolute;

top: 0px;

text-align: left;

vertical-align: top;

clear: both;

right: auto;

margin-left: -500px;

}

Если я не прав, то прошу помочь, потому как запутался окончательно.

[USF]

position: absolute - очень и очень плохо.

#upblockdiv {
margin: 0 auto;
width: 993px;
} 

этого вполне хватает, чтобы разместить блок по центру. http://jsfiddle.net/JUeHd/4/

UPD: для IE6 в режиме совместимости такое не сработает, поэтому можно центрировать с помощью text-align:center(в ие он и блоки центрирует) а во внутреннем диве переопределить это значение на left)

Edited July 17, 2012 by USF

[hedgehog]

UPD: для IE6 в режиме совместимости такое не сработает, поэтому...

Поэтому придумали DOCTYPE

[USF]

тем более

[OVenGo]

Друзья, спасибо огромное! Задачу разрешил. Теперь все Ок!