IE CSS - background в тегах tr и td

mirbag · November 1, 2009

Помогите обойти баг ИЕ. Во всех браузерах отображается нормально, а вто ИЕ никак не хочет.

Пример кода:

<html>
<head>
	<style>
	td.s_p1{background: url(images/fon1.gif); background-repeat: repeat-x; width:6px;height:6px}
	</style>
</head>
<body>
<table >
		<tr bgcolor='red'>
		<td >qqqqeeeqqqqq</td>
		<td class='s_p1'>qqqqqeeeeeqqq</td>
		<td >qqqqeeeqqqq</td>
	</tr>
</table>
</body>
</html>

В ИЕ не хочет отображать 2 фона одновременно. Первый просто красный должен быть от тега <tr>, а второй картинкой от тега <td>. Причём, когда не использую стили (вот так

<td background='images/fon1.gif'>qqqqqeeeeeqqq</td>

), то всё в порядке. Но нужно это сделать через стили.

нашел немного про это в статье, но вот как с энтим бороться там не сказано. Зато есть отличный пример... http://designformasters.info/posts/background-property/

mishka · November 1, 2009

Попробуй на <tr> поставить position:relative

Edited November 1, 2009 by mishka2

s0rr0w · November 1, 2009

mishka2 said:
Попробуй на <tr> поставить position:relative

Бугага

Автор, внимательно изучите, что вы сделали вот этой директивой: background: url(images/fon1.gif);

mirbag · November 2, 2009

s0rr0w said:
Бугага
Автор, внимательно изучите, что вы сделали вот этой директивой: background: url(images/fon1.gif);

А что я такого сделал ей??? Не вижу проблем.

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

mishka2 said:
Попробуй на <tr> поставить position:relative

Отлично... Это помогло. Спасибо огромное.

Тема закрыта

Edited November 2, 2009 by mirbag

psywalker · November 2, 2009

mirbag

Quote
background: url(images/fon1.gif); background-repeat: repeat-x;

- никогда так не делай! Получается что ты сначала задал общее правило для всего фона, а второй записью переопределил его, назначив только лишь повторение фона!

Quote
Попробуй на <tr> поставить position:relative

Вот эту штуку я так и не понял, волшебство в ИЕ, как обычно, но главное работает, полезно запомнить!

Justnewone · November 2, 2009

psywalker said:
Вот эту штуку я так и не понял, волшебство в ИЕ, как обычно, но главное работает, полезно запомнить!

Да, ИЕ умеет элементам внутри таблицы назначать релейтив. И только он, пока дисплей не переназначен.

mishka · November 2, 2009

Quote
Вот эту штуку я так и не понял, волшебство в ИЕ, как обычно, но главное работает, полезно запомнить!

Это не мое открытие. Это я тут на форуме узнал. .так как сам с таблицами редко дело имею.

Боюсь ошибится в авторе открытия, но кажется это был Great Rash

psywalker · November 2, 2009

mishka2 said:
Это не мое открытие. Это я тут на форуме узнал. .так как сам с таблицами редко дело имею.
Боюсь ошибится в авторе открытия, но кажется это был Great Rash

Абсолютно верно, именно он

Sign In

IE CSS - background в тегах tr и td

Question

mirbag

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

mishka

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

mirbag

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

mishka

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information