X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> css: background-image для tr - проблемы в ie
Zippovich
Zippovich
Topic Starter сообщение 10.12.2008, 19:12; Ответить: Zippovich
Сообщение #1


Здравствуйте.

У меня возникли проблемы с бэкграундом для TR. Бекграунд для TR отображается везде, кроме IE6 и IE7. Подскажите как пофиксить. Вот CSS-код:

#main-table tr.header {
height: 35px;
background: url('table-header-background.png') repeat-x
}
#main-table th {
padding: 0 13px;
height: 35px;
background: transparent url('title-delimeter.png') right no-repeat;
color: #d3d2d2;
font-size: 13px;
font-weight: normal;
text-align: left
}
Вот HTML:

<table cellspacing="0" cellpadding="0" width="100%" id="main-table">
<tr class="header">
<th>General</th>
<th>Featured Systems</th>
</tr>
...
</table>
Спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.12.2008, 19:25; Ответить: Webmaster_hb
Сообщение #2


наверно дело не в CSS а в использовании картинки PNG, да еще с прозрачностью
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
Topic Starter сообщение 10.12.2008, 19:28; Ответить: Zippovich
Сообщение #3


Нет, тут дело не в прозрачности. PNG 8ми битные, поэтому отображаются в IE нормально.
Дело именно в том что для TR IE не хочет отображать бэкграунд, кто знает как пофиксить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.12.2008, 19:35; Ответить: Webmaster_hb
Сообщение #4


значит проблема другая, попробуйте удалить стиль для TH оставив только TR и проверьте с jpg должно точно работать
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
Topic Starter сообщение 10.12.2008, 19:40; Ответить: Zippovich
Сообщение #5


Вот так работает:

#main-table th {
padding: 0 13px;
height: 35px;
/*background: transparent url('title-delimeter.png') right no-repeat;*/
color: #d3d2d2;
font-size: 13px;
font-weight: normal;
text-align: left
}
Вот так не работает:

#main-table th {
padding: 0 13px;
height: 35px;
background: transparent /*url('title-delimeter.png') right no-repeat*/;
color: #d3d2d2;
font-size: 13px;
font-weight: normal;
text-align: left
}
Как решить кто-то знает?
Любые варианты тоже приветствуются.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.12.2008, 19:48; Ответить: Webmaster_hb
Сообщение #6


в IE фон ячеек перекрывает значение фона указанного для строки

выложили бы для начала макет, чтобы видеть для чего вам это нужно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
Topic Starter сообщение 10.12.2008, 19:58; Ответить: Zippovich
Сообщение #7


Во вложении 2 макета: в FF и в IE7 (что бы исключить из вопроса разговоры о png).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 10.12.2008, 20:12; Ответить: Webmaster_hb
Сообщение #8


тогда зачем задавать фон для всей строки ?
когда можно указать для тех же TH ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
Topic Starter сообщение 10.12.2008, 20:19; Ответить: Zippovich
Сообщение #9


Там 2 фона нужно, один на один наложить.
Одним фоном не получится.

Все решение найдено. Вопрос закрыт.

Через жопу просто не хотелось. В общем понадобился дополнительный див:
<tr class="header">
<th class="ie-fix"><div class="fix-ie-bg">General</div></th>
<th class="ie-fix"><div class="fix-ie-bg">Featured Systems</div></th>
</tr>

див растягивается по всей высоте и длине TH и для него уже и задается бэкграунд, так все работает. Если задавать бэкграунд для TH непосредственно, то не работает в IE любой версии (теряется фон для TR, хотя бэкграунд для TH стоит transparent и картинка занимает 1% от объема TH)

Картинки преобразовались в отвратное качество, в заголовке таблицы справа каждой ячейки нужно було засандалить фон, возможно из картинок не видно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Avenger
Avenger
сообщение 11.12.2008, 1:55; Ответить: Avenger
Сообщение #10


я там понимаю, что 2 фона ван нужно лишь потому, чтобы создать эффект градиента. а не проще в фотошопе сделать фон 1 пиксель в ширину с нужным вам градиентом и растнуть его по всей строке?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Партнерская программа для Эзотерики, Магии, Таро
партнерка для эзотерики
0 LiveExpert 382 Вчера, 15:13
автор: LiveExpert
Открытая тема (нет новых ответов) Партнерская программа для Эзотерики, Магии, Таро
партнерка для эзотерики
0 LiveExpert 348 Вчера, 15:13
автор: LiveExpert
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыAzinomoney.com - гемблинг-партнерка с 65%RS для каждого
Гарантированный заработок на гемблинг-трафике
65 AzinoMoney 29197 27.3.2024, 19:10
автор: AzinoMoney
Горячая тема (нет новых ответов) Делаю полностью уникальный дизайн для сайтов!
46 AlexDIZ 93522 26.3.2024, 20:03
автор: AlexDIZ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1124 26.3.2024, 14:13
автор: knezevolk


 



RSS Текстовая версия Сейчас: 29.3.2024, 14:10
Дизайн