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

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

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

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

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

Ответ
 
Опции темы Поиск в этой теме
Старый 17.12.2010, 12:52   #1
Obey-Kun
Линуксоид
Участник клуба
 
Аватар для Obey-Kun
 
Регистрация: 31.07.2009
Сообщений: 1,403
По умолчанию Как заставить это отображаться одинаково в IE6 и нормальных браузерах?

Делаю один сайт. Фатальной ошибкой было не проверять его работу в IE6. Теперь нашёл кучу косяков. Начну с первого.

Вот: http://triov.obey.su/triov_files/test.html

Код:
<div id="wrapper"> 
    <div id="header"> 
        <div id="contact"> 
            <a href="#">Contact info</a> 
        </div> 
        <div id="top"> 
            <div class="clearLeft"></div> 
        </div> 
    </div> 
</div>
Код:
* {
 margin : 0;
 padding : 0;
}

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 0;
 margin: 0;
 background: #fff url(bg.png) repeat-x;
}

#wrapper {
 width: 740px;
}

#header {
/* background: url(header_bg.png) no-repeat; */
 height: 225px;
 width: 100%;
 margin-bottom: 4px;
}

img { border: 0px; }

#contact a {
 margin-left: 87px;
 height: 23px;
 width: 243px;
 float: left;
 background: #696969 url(contact_bg.png) no-repeat; /* 333x31  */
 padding-left: 90px;
 padding-top: 8px;
 color: white; 
 text-decoration: none;
 font-size:10px;
 font-weight: bold;
}

#top {
 height: 31px;
 background: #11346C url(top-bg.png) repeat-y;
 margin-left: 420px;
}

.clearLeft {
 clear: left;
}
В IE6 после div'а contact получается некоторое расстояние и лишь потом идёт синяя фигня. В чём проблема?
Я схожу с ума или это глючит реальность?
Jabber ID: obey@obey.su

Последний раз редактировалось Obey-Kun; 18.12.2010 в 00:08.
Obey-Kun вне форума Ответить с цитированием
Старый 17.12.2010, 20:02   #2
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию

попробуйте написать
Код:
#top {
 height: 31px;
 background: #11346C url(top-bg.png) repeat-y;
 margin-left: 420px;
 _margin-left: 417px;
}
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Старый 18.12.2010, 00:13   #3
Obey-Kun
Линуксоид
Участник клуба
 
Аватар для Obey-Kun
 
Регистрация: 31.07.2009
Сообщений: 1,403
По умолчанию

Не помогло. IE вообще не реагирует никак на уменьшение margin-left в #top. На увеличение -- реагирует, двигает его вправо. На уменьшение -- вообще никак. Я сейчас на той странице выставил у этого дела значение в 20px. Полюбуйтесь, как оно выглядит в нормальном браузере и в IE.
Я схожу с ума или это глючит реальность?
Jabber ID: obey@obey.su
Obey-Kun вне форума Ответить с цитированием
Старый 18.12.2010, 00:13   #4
Obey-Kun
Линуксоид
Участник клуба
 
Аватар для Obey-Kun
 
Регистрация: 31.07.2009
Сообщений: 1,403
По умолчанию

Забыл скриншот. Это если маржин 20. Если он 420, то в IE всё выглядит так же.
http://i13.fastpic.ru/big/2010/1218/...92fb4d9160.png
Я схожу с ума или это глючит реальность?
Jabber ID: obey@obey.su

Последний раз редактировалось Obey-Kun; 18.12.2010 в 00:37.
Obey-Kun вне форума Ответить с цитированием
Старый 18.12.2010, 11:54   #5
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию

_margin-left: -3px;
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Старый 18.12.2010, 16:31   #6
Obey-Kun
Линуксоид
Участник клуба
 
Аватар для Obey-Kun
 
Регистрация: 31.07.2009
Сообщений: 1,403
По умолчанию

Да даже если -20, оно не двигается.
Я схожу с ума или это глючит реальность?
Jabber ID: obey@obey.su
Obey-Kun вне форума Ответить с цитированием
Старый 19.12.2010, 10:31   #7
MrJenika
Форумчанин
 
Аватар для MrJenika
 
Регистрация: 07.09.2009
Сообщений: 361
По умолчанию

Хватит ориентироваться на этот ИЕ6.
MrJenika вне форума Ответить с цитированием
Старый 19.12.2010, 21:21   #8
Obey-Kun
Линуксоид
Участник клуба
 
Аватар для Obey-Kun
 
Регистрация: 31.07.2009
Сообщений: 1,403
По умолчанию

К сожалению, сайт делается для туристического агентства, и если он не будет работать в осле, то они потеряют процентов 70 клиентов.
Я схожу с ума или это глючит реальность?
Jabber ID: obey@obey.su
Obey-Kun вне форума Ответить с цитированием
Старый 21.12.2010, 15:09   #9
Alexei91
Заблокирован
Форумчанин
 
Аватар для Alexei91
 
Регистрация: 30.12.2009
Сообщений: 544
По умолчанию

Похожая тема. Используйте условные стили, теги или как их там для IE.
Темы для WordPress. Русские WordPress шаблоны
Alexei91 вне форума Ответить с цитированием
Ответ


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



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заставить это работать levohotnik Помощь студентам 4 15.02.2010 18:55
Что это такое и как это того... Alex Cones Общие вопросы Delphi 2 11.10.2009 12:04
почему нет нормальных программ переводчиков иностранных языков veter_s_morya Свободное общение 3 26.09.2009 12:07