Jump to content
  • 0

Explorer 7.0, color: LightGray


ХОЛОДный
 Share

Question

В начале страницы есть такая фраза:

<style type="text/css">
td.lightGrayText{
color: LightGray;
}
</style>

Далее,

<td id="lgText1" class="lightGrayText"><fmt:message key="systemname"/></td>

Mozilla делает текст светло-серым, Explorer игнорирует стиль.

Это JSP страница, в роли контейнера выступает Веб-сфера портал сервер.

Просматривая исходный код страницы через Mozilla или Explorer, можно найти описание стиля. Т.е. косяка при компиляции страницы - нет.

Почему же Mozilla стиль видит, а Explorer считает возможным на него наплевать?

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Сделал через span:

<style type="text/css">
span.lightGrayText{
color: red;
}
</style>

<td> <span id="lgText1" class="lightGrayText">
<fmt:message key="systemname"/>
</span>
</td>

Поменял color : LightGray на red - работает

Похоже, Эксплорер на знает цвета "LightGray".

Link to comment
Share on other sites

  • 0

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

<style type="text/css">
span.lightGrayInput{
background: #D4D0C8;
}
</style>

Далее,

td ><span class="lightGrayInput">
<input type="file" name="uploadedFile" id="uploadFileField" size="40" disabled>
</span>
</td>

Поле ввода не становится серым (#D4D0C8), однако, вот такая штука в JavaScript работает:

document.getElementById("uploadFileField").style.backgroundColor = "#D4D0C8";

Само собой, в Мозилле все отображается верно, проблема опять в Эксплорере.

Link to comment
Share on other sites

  • 0

Надо так:

<style type="text/css">
input.lightGrayInput{
background-color: #D4D0C8;
}
</style>

На странице:

<td > 
<input class="lightGrayInput" type="file" name="uploadedFile" id="uploadFileField" size="40" disabled>
</td>

В этом случае Эксплорер не только "блокирует" элемент input, но и задает ему серый цвет, дабы у пользователя не возникало соблазна покликать на поле и попытаться что-то ввести в белое окошко.

Какой эе это гемор. Сделайте так, чтобы Эксплорер умер.

Link to comment
Share on other sites

  • 0
жесть... автору зачет.

видимо это очень интересно самому задавать вопрос и отвечать на него 8)

Круто я заморочился?

Меня бесит, когда человек задает вопрос на форуме, потом отписывается :"решение найдено", и пропадает, ни слова не написав о самом решении.

Сама проблема не стоит и копейки, но повозиться с ней пришлось - я не силен в верстке, клиентской части, я - серверный программист, потому такое избирательное отношение браузеров к стилям меня изумило.

Очевидно - Эксплорер не умеет читать, или плохо читает цвета, указанные через их строковое представление ("lightgray", например). При этом он свободно читает "red". Это косяк программиста - либо забыл вписать "lightgray" в enumeration (или не завел статическую переменную), либо вписал с ошибкой, либо не решил проблему с регистром: не переводит входной параметр в upperCase или в lowerCase.

Лол.

Давайте будем уговаривать клиентов использовать Мозиллу. Она, бесспорно, далека от идеала, но по сравнению с ИЕ - мана небесная.

Link to comment
Share on other sites

  • 0

red входит в 16 цветов, понимаемых всеми браузерами. lightgray сюда не входит. Кстати, попробуй через валидатор стиль прогнать, узнаешь, что lightgray воспринимают за ошибку. Так что лучше в шестнадцатеричном виде все цвета задавать.

Link to comment
Share on other sites

  • 0
red входит в 16 цветов, понимаемых всеми браузерами. lightgray сюда не входит. Кстати, попробуй через валидатор стиль прогнать, узнаешь, что lightgray воспринимают за ошибку. Так что лучше в шестнадцатеричном виде все цвета задавать.

Понял, спасибо за совет!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy