стили в IE

Аксинья · April 17, 2009

Плиз подскажите, как заставить работать в IE

<html>
<body>
<div id="d1"></div>
<script>
  document.getElementById("d1").innerHTML = '<style>#abc{color:red}</style><div id="abc">abc ABC abc</div>';
</script>
</body>
</html>

В Опере всё ОК.

Searcher · April 17, 2009

1. Обязательно используем doctype

2. Элемент style не может находится нигде кроме раздела head

3. В данном примере стиль для #abc можно описать заранее в разделе style в head безо всякого скрипта, а добавлять элемент с идентификатором abc можно будет уже в любое время.

Nekromancer · April 17, 2009

2. Элемент style не может находится нигде кроме раздела head

добавить то можно в body, и по идее каждый браузер поймёт этот стиль...

просто правильнее в head

Searcher · April 17, 2009

Я имел ввиду, что по стандартам style должен быть в head, а любые отклонения от стандартов броузеры не обязаны "понимать", особенно при динамическом изменении контента. Что мы и видим в данной ситуации с IE. Тем более, что ничего не мешает описать этот элемент заранее.

Аксинья · April 17, 2009

Тогда подскажите конкретно по задаче. Нужно реализовать форму для сбора e-mail'ов.

В форме есть заголовок, описание, 2 текстовых поля (Имя, E-mail) и кнопка Подписаться. Внешний вид формы должен настраиваться. Т.е. в моем скрипте есть много селектов для выбора цвета, размера, названия шрифта и т.д. каждого элемента. В результате получаем некий html-код, который пользователи размещают у себя на сайте. Чтобы показать, пользователю, что он навыбирал, я и пыталась в первом примере поместить в див d1. Может тогда подскажите другой вариант как отобразить сгенерированный html-код?

Searcher · April 17, 2009

Можно использовать inline-стили, т.е. параметр style непосредственно в самом тэге.

Можно заранее описать отдельный класс под каждый селект и записывать их в параметре class тэга через пробел, чтобы они все применялись к этому элементу.

Great Rash · April 17, 2009

<html>
<body>
<div id="d1"></div>
<script>
  var div = document.createElement('div');
  div.id = 'abc';
  div.style.color = 'red';
  div.innerHTML = 'abc ABC abc';

  var div2 = document.getElementById("d1");
  div2.appendChild(div);
  alert('DOM rules!');
</script>
</body>
</html>

Аксинья · April 17, 2009

Great Rash, да, вариант, но меня как-то не радует все стили устанавливать через ЯС...

В любом случае спасибо за ответы. Попробую.

Edited April 17, 2009 by Аксинья

milax · April 17, 2009

Юзайте jQuery

Great Rash · April 17, 2009

да, вариант, но меня как-то не радует все стили устанавливать через ЯС...

Именно это вы пытаетесь сделать в первом посте

Sign In

стили в IE

Question

Аксинья

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Аксинья

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Аксинья

Link to comment

Share on other sites

milax

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information