Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 05.08.2012, 12:40   #1
BarakudaX777
Пользователь
 
Регистрация: 13.06.2010
Сообщений: 53
Печаль Проблема кроссбраузерности

Привет всем! Не могу разобраться почему сайт отображается в разных браузерах по разному, а именно проблема с абсолютным позиционированием! В chrome абсолютное позиционирование нарушается. вот адрес сайта:

navator.tmweb.ru
Прошу помогите. я уже все DOCTYPE перепробовал. и валидацию w3c пробовал проходить. исправлял серьезные изъяны. А все равно именно хром коверкает сайт. не пробовал в фоксе ещё но по скринам с ресурсов вроде бы нормально. прошу потестируйте и помогите что не так разобраться! или может какой нибудь способ как это обойти предложите.
Заранее вам спасибо!
BarakudaX777 вне форума Ответить с цитированием
Старый 05.08.2012, 13:23   #2
yaskin
Форумчанин
 
Регистрация: 10.01.2011
Сообщений: 112
По умолчанию

в css добавь
body
{
position: absolute;
}
Для спасибо весы слева
yaskin вне форума Ответить с цитированием
Старый 05.08.2012, 13:29   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Правильная верстка всегда правильно отображается в хроме, фаерфоксе и неправильно в ИЕ (без костылей). Да, в фф у вас тоже поехало малость.
"что не так".
Вы пытаетесь сделать позиционирование относительно ячейки таблицы. Таблицы предназначены для создания таблиц, а не для рисования. (ну я только этот косяк с уголком заметил, не знаю как должно все выглядеть)
"как исправить"
правильный способ: переверстать все без использования таблиц, нормальной дивной разметкой.
быстрый способ: (про уголок) обернуть его в див с position:relative;

незачто.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 05.08.2012, 14:33   #4
BarakudaX777
Пользователь
 
Регистрация: 13.06.2010
Сообщений: 53
По умолчанию

Попробовал верстку немного переделал. убрал позиционирование относительно ячейки. в ячейку поместил див-контейнер и позиционирование задал относительно его. и все равно картинки не позиционируются!
BarakudaX777 вне форума Ответить с цитированием
Старый 05.08.2012, 15:00   #5
yaskin
Форумчанин
 
Регистрация: 10.01.2011
Сообщений: 112
По умолчанию

попробую еще раз
Открываешь свой design.css
заменяешь
вот это
Код:
body {
    background: url("../img/bg.jpg") repeat fixed center top transparent;
    margin: 0;
    padding: 0;
}
на вот это

Код:
body {
    background: url("../img/bg.jpg") repeat fixed center top transparent;
    margin: 0;
    padding: 0;
    position: absolute;
}
Для спасибо весы слева
yaskin вне форума Ответить с цитированием
Старый 05.08.2012, 19:24   #6
BarakudaX777
Пользователь
 
Регистрация: 13.06.2010
Сообщений: 53
По умолчанию

Работает у меня теперь все. только прошу посмотрите как у вас отображается у кого на каком браузере не так
BarakudaX777 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с рамами/Проблема с ЖД DRAGGER Компьютерное железо 6 04.01.2009 23:37