Форум Сайтостроение Веб-строительство

Помогите с IE

12 3
D
На сайте с 28.06.2008
Offline
1114
Dram
1062

Господа, в очередной раз столкнулся с долб....мом IE.

Вот страница http://www.schoolotzyv.ru/schools/1818-srednyaya-obshheobrazovatelnaya-shkola-1458

на которой ссылка на карту и сайт школы в IE выглядят черезмерно большими. Да и подписи к коментам тоже.... В папке ксс шаблона есть два файла style.ie6.css и style.css

Посмотрел фаербагом что в файле style.css отвечает за ссылки, добавил туда размер 10px

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-size: 10px
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #5A725C;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-size: 10px
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #325E08;
}

/* Finish Content link style */

И скопировал этот кусок в файл style.ie6.css - Не помогло :(

Помогите плиз исправить косяк

[Удален]
#1

вы забыли точку с запятой поставить после параметра font-size: 10px

D
На сайте с 28.06.2008
Offline
1114
Dram
#2

Точно забыл, исправил, но проблему это не решило.... Подписи в разделе каметов уменьшил (за них другой ксс отвечал, но вот с сылками уже 2 часа бьюсь - никак :(

[Удален]
#3

Dram, попробуйте тогда так:


.article A{
font-size: 10px;
font-family: Arial, Helvetica, Sans-Serif;
}
D
На сайте с 28.06.2008
Offline
1114
Dram
#4

В файле style.ie6.css вставил вместо ранее вставленного предложенный Вами блок:

/* Start Content link style */

/* Adds special style to an unvisited link. */
.article A{
font-size: 10px;
font-family: Arial, Helvetica, Sans-Serif;
}

/* Finish Content link style */

Ничего не изменилось....

[Удален]
#5

этот кусок кода вставьте в этот файл /templates/school/css/style.css

а чтоб работал цсс для ие, ссылку в коде надо разкоментировать


<!--[if IE 6]><link rel="stylesheet" href="/templates/school/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->

а в таком виде, браузер её не читает)

должно получиться вот так:


<link rel="stylesheet" href="/templates/school/css/style.ie6.css" type="text/css" media="screen" />
D
На сайте с 28.06.2008
Offline
1114
Dram
#6

Вы занете, сейчас саметил, что другие ссылки на сайте уменьшаются. Единственное, чем отличаются эти (которые отображаются большими) от остальных - что они закрючены в ноиндекс и нофоллоу, это может как то влиять?

[Удален]
#7

нет, это никак не влияет на общий вид сайта.

а для того, чтоб работали настройки для IE6, ссылку в коде надо раскоментировать:


<!--[if IE 6]><link rel="stylesheet" href="/templates/school/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->

должно быть так:


<link rel="stylesheet" href="/templates/school/css/style.ie6.css" type="text/css" media="screen" />
D
На сайте с 28.06.2008
Offline
1114
Dram
#8

Раскоментировалось, ничего не изменилось....блин..., только наоборот в МОзилее углы плавные исчезли, вернул как было

M
На сайте с 18.08.2009
Offline
38
mariarchi
#9
Сашко:

а для того, чтоб работали настройки для IE6, ссылку в коде надо раскоментировать:
должно быть так:

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

Дизайн, верстка, создание тем для ВП, создание Landing Page | Портфель (http://brainstorage.me/mariarchi/portfolio)
viКing
На сайте с 20.03.2008
Offline
124
viКing
#10
Сашко:
нет, это никак не влияет на общий вид сайта.

а для того, чтоб работали настройки для IE6, ссылку в коде надо раскоментировать:


должно быть так:

вот как раз в таком виде её читает только ИЕ6 -

<!--[if IE 6]><link rel="stylesheet" href="/templates/school/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->

остальные браузеры игнорируют, так что не надо убирать это условие - <!--[if IE 6]>

viКing добавил 26.08.2009 в 17:55

я кажется нашел в чем там баг, у вас есть не закрытый тег <h2 class="PostHeaderIcon-wrapper">

в style.css у него следующие стили

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #2F4B11;
}

именно эти 22px и применяются к ссылкам, видимо ИЕ считает, что весь код после незакрытого тега находится внутри этого тега.

найдите где в шаблоне этот код

<div class="Post">
    <div class="Post-body">
<div class="Post-inner">

<h2 class="PostHeaderIcon-wrapper"> 


</div>

    </div>
</div>

и попробуйте удалить - <h2 class="PostHeaderIcon-wrapper">

этот блок находится чуть выше заголовка "Средняя общеобразовательная школа №1458"

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий