Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> margin-width и list-style-image 
:(
    Опции темы
Golovastik
Дата 16.9.2010, 22:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 389
Регистрация: 19.7.2009

Репутация: нет
Всего: 0



1)Не срабатывает такое для ИЕ6,как можно исправить?
html body {
min-width:1000px;
}
 
2)Не работает вот такое для ИЕ6 и ИЕ7
Код
.strelka_marker{list-style-image:url(img/strelka.gif);
margin-left:25px; line-height:25px;}

Файл хтмл:
Код
<ul class="strelka_marker">
<li>Пункт1</li?
<li>Пункт2</li?
<li>Пункт3</li?
<li>Пункт4</li?
</ul>


Во всех браузерах включая ИЕ8, отображает так:
user posted image
В ИЕ6,ИЕ7 отображает так:
user posted image
Как исправить в ИЕ7 и ИЕ6?
PM MAIL   Вверх
bars80080
Дата 16.9.2010, 23:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



сколько видим стрелок в обоих вариантах? по пять штук. находятся у начала пунктов? да.
стало быть проблема не в стрелках, а в ширине самого пункта, из-за которого производится перевод строки в разных местах.
да и проблемой это назвать сложно. что конкретно не нравится?
PM MAIL WWW   Вверх
KuZyagroup
Дата 16.9.2010, 23:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


magento solution
**


Профиль
Группа: Участник
Сообщений: 283
Регистрация: 16.4.2007
Где: Kiev

Репутация: 2
Всего: 4



1) в отдельном файле для ie6 html body { width:1000px; }
2) Не работает вот такое для ИЕ6 и ИЕ7, задайте background: url(img/strelka.gif) left middle no-repeat; вместо list-style-image:url(img/strelka.gif);
PM MAIL   Вверх
Golovastik
Дата 16.9.2010, 23:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 389
Регистрация: 19.7.2009

Репутация: нет
Всего: 0



Код

1) в отдельном файле для ie6 html body { width:1000px; }


Прописал в отдельном файле, назвал его styleIE6

Затем в коде хтмл написал такое для подключения этого файла:
Код

<link rel="stylesheet" type="text/css" href="../styleIE6.css" />


После этого вроде всё так как я хотел, но вот что за отсуп произошел справа.
вот фото:
user posted image
У меня в одном файле стилей написано такое body { width:1000px; }
и он подключен и тот подключен
<link rel="stylesheet" type="text/css" href="../style.css" />
<link rel="stylesheet" type="text/css" href="../styleIE6.css" />

Это сообщение отредактировал(а) Golovastik - 16.9.2010, 23:34
PM MAIL   Вверх
KuZyagroup
Дата 17.9.2010, 00:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


magento solution
**


Профиль
Группа: Участник
Сообщений: 283
Регистрация: 16.4.2007
Где: Kiev

Репутация: 2
Всего: 4



файл так подключен?
<!--[if IE6]>
<link rel="stylesheet" type="text/css" href="../styleIE6.css" />
<![endif]-->

можете выложить все стили которые падают на body?
PM MAIL   Вверх
Golovastik
Дата 17.9.2010, 11:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 389
Регистрация: 19.7.2009

Репутация: нет
Всего: 0



У меня есть файл, style.css он начинается с такого:
Код

/*Стили для сайта*/
* {
margin:0;
padding:0;
}

body {
min-width:1000px;
}
.............................
    .........................


У меня есть файл №2, он называется styleIE6. Он содержит в себе.
Код

html body { width:1000px; }


У меня есть другой файл, в котором я подключаю 2 отд. файла стилей.
Код

<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="styleIE6.css" />


Получается сдвиг как на картинке выше.
PM MAIL   Вверх
prom2332
Дата 18.9.2010, 00:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


веб-мастер



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 26.8.2010
Где: Москва

Репутация: нет
Всего: нет



Для того, чтобы сделать какую-то фишку только для ie6 не обязательно подключать новую таблицу стилей, необходимо написать следующее в основной таблице стилей: _width:1000px; 
Нижняя палка(поджопник) означает то, что стиль будет применён только для ie6. 

На вашем примере будет выглядеть так:
html, body { _width:1000px; }

Это сообщение отредактировал(а) prom2332 - 18.9.2010, 00:30
PM MAIL ICQ   Вверх
KuZyagroup
Дата 18.9.2010, 14:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


magento solution
**


Профиль
Группа: Участник
Сообщений: 283
Регистрация: 16.4.2007
Где: Kiev

Репутация: 2
Всего: 4



prom2332,
так то оно так, но очень удобно когда все изменения по IE6 в одном файле, и чем крупнее сайт тем это полезней.
PM MAIL   Вверх
prom2332
Дата 18.9.2010, 22:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


веб-мастер



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 26.8.2010
Где: Москва

Репутация: нет
Всего: нет



KuZyagroup, 
Мне удобней когда все правки для IE6 написаны рядом с основными стилями, потому что через firebug править удобней будет, когда все под рукой, а не по двум файлам искать
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0886 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.