Проблема с background в IE - SEO форум MaulTalk.com

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Проблема с background в IE

Опции

Enforcer_hb

Topic Starter сообщение

19.2.2009, 18:44; Ответить: Enforcer_hb

Сообщение #1

Группа: User
Сообщений: 34
Регистрация: 19.2.2009
Поблагодарили: 0 раз
Репутация:

Доброго дня.

Проблемка с отображением background на IE (в мозиле все ок).

Привожу скрин (background - это в левом нижнем углу уголок с тенью) как оно в мозиле:

[IMG]http://img149.imageshack.us/img149/5064/mozillaqg9.jpg[/IMG]
[IMG]http://img149.imageshack.us/img149/mozillaqg9.jpg/1/w584.png[/IMG]

И как оно в IE:

[IMG]http://img11.imageshack.us/my.php?image=36251966oa4.jpg[/IMG][IMG]http://img11.imageshack.us/my.php?image=36251966oa4.jpg[/IMG][IMG]http://img11.imageshack.us/my.php?image=36251966oa4.jpg[/IMG][IMG]http://img11.imageshack.us/img11/9068/36251966oa4.jpg[/IMG]
[IMG]http://img11.imageshack.us/img11/36251966oa4.jpg/1/w604.png[/IMG]

Границы таблицы сделал видимыми для наглядности.

Вот код CSS:

#content2 table {
width: 585px;
background: #ccc url(http://....../images/bg_short.gif) left bottom no-repeat;
padding:10px;
border:0;
margin-left:0px;
margin-bottom:50px;
line-height:1.5;
}

А вот код HTML:

<table border=1>
<caption class="capcomm">{author}</caption>
<tr>
<td width="105px" rowspan="3" valign="top"><img src="{foto}" border="0" /></td>
<td><div class="comminfo">({date} | {ip})</div>
<div class="commtxt">{comment}</div>[signature]<div class="commsign">{signature}</div>[/signature]
<div class="commbtm">[fast]ответить с цитатой[/fast] [com-edit][изменить][/com-edit] [com-del][удалить][/com-del]</div>
</td>
</tr>
<table>

Подскажите плиз как можно победить этот проклятый IE?!

Ответить с цитированием данного сообщения

Webmaster_hb Webmaster_hb 19.2.2009, 18:48; Сообщений: 7538 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	19.2.2009, 18:48; Ответить: Webmaster_hb Сообщение #2
0 Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0	уберите padding и проверьте высоту таблицы в одном и другом варианте подложите на время другой фон, чтобы видеть где что вылазит

Enforcer_hb Topic Starter Enforcer_hbTopic Starter 19.2.2009, 19:21; Сообщений: 34 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 19.2.2009, 19:21; Ответить: Enforcer_hb Сообщение #3
0 Группа: User Сообщений: 34 Регистрация: 19.2.2009 Поблагодарили: 0 раз Репутация: 0	(Webmaster_hb @ 19.2.2009, 20:48) уберите padding и проверьте высоту таблицы в одном и другом варианте подложите на время другой фон, чтобы видеть где что вылазит Убрал padding - увы, результат тот же. Фон на время где поменять? У таблицы или у фона страницы?

Enforcer_hb Topic Starter Enforcer_hbTopic Starter 19.2.2009, 19:26; Сообщений: 34 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 19.2.2009, 19:26; Ответить: Enforcer_hb Сообщение #4
0 Группа: User Сообщений: 34 Регистрация: 19.2.2009 Поблагодарили: 0 раз Репутация: 0	Похоже фоновое изображение просто уходит вниз за таблицу. Но не понятно почему: [IMG]http://img11.imageshack.us/img11/6889/ie2rr6.jpg[/IMG] [IMG]http://img11.imageshack.us/img11/ie2rr6.jpg/1/w606.png[/IMG] CSS: #content2 table { width: 595px; padding:0; background: black url(http://trance-mp3.net/templates/trancemp3net/images/bg_short.gif) left bottom no-repeat; border:0; margin-left:5px; margin-bottom:15px; }

Enforcer_hb Topic Starter Enforcer_hbTopic Starter 19.2.2009, 19:32; Сообщений: 34 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 19.2.2009, 19:32; Ответить: Enforcer_hb Сообщение #5
0 Группа: User Сообщений: 34 Регистрация: 19.2.2009 Поблагодарили: 0 раз Репутация: 0	Если убрать "margin-bottom:15px;", то получится что нижний блок вплотную приблизится к этому. Совпадение или нет, но как раз именно здесь фоновое изображение и режется. [IMG]http://img25.imageshack.us/img25/2121/ie3ww1.jpg[/IMG] [IMG]http://img25.imageshack.us/img25/ie3ww1.jpg/1/w610.png[/IMG]

Webmaster_hb Webmaster_hb 20.2.2009, 3:03; Сообщений: 7538 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	20.2.2009, 3:03; Ответить: Webmaster_hb Сообщение #6
0 Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0	итак, давайте начнем с нуля задача, устаночить фон для таблицы ? верно ? каких размеров фоновый рисунок, и каких размеров таблица? делаем пустую таблицу, задаем фоновое изображение, делаем чтобы оно не повторялось (no-repeat) длеаем чтобы оно было прижато влево и вниз position:bootom left смотрим что получилось, если все так как задумывалось, делаем следующий шаг, размещаем картинку в ячейку, потом помещаем текст и так далее если на каком либо этапе не получается, тогда разбираемся

Enforcer_hb

Topic Starter сообщение

20.2.2009, 14:16; Ответить: Enforcer_hb

Сообщение #7

Группа: User
Сообщений: 34
Регистрация: 19.2.2009
Поблагодарили: 0 раз
Репутация:

Погодите...
У меня tpl файл такого содержания:

<table>
<tr><td>
<div class="rateshort">{rating}</div>
<h3>{title}</h3>
<img src="{THEME}/images/blot.png" class="blot">
<h5>{link-category}</h5>

<div class="fullimg">{full-story}</div>
<br /><br />
[xfvalue_infofile]
<br /><br />
[xfvalue_tracklist]
</td></tr>
</table>

<table>
<caption class="capdown">Скачать</caption>
<tr><td>
[xfvalue_download1]
</td></tr>

</table>

<table>
 <caption class="capthnx">Спасибо</caption>
<tr>
<td style="color:#333; font-weight:bold;">

[allow-thanks]
{thanks_submit}
{thanks}<br>

[/allow-thanks]
</td></tr>
</table>

Как видно из кода, там 3 таблицы.
Весь этот код подчиняется идентификатору #content2. Следовательно #content2 table - применяется к этим таблицам.

И так оно и есть. Фоновое изображения накладывается внизу слева каждой таблицы.

Только вот самая первая таблицы из приведенного выше кода отображает фоновый рисунок правильно и без проблем.
Проблемы же имеются ТОЛЬКО в двух последних таблицах:

<table>
<caption class="capdown">Скачать</caption>

<table>
 <caption class="capthnx">Спасибо</caption>

Выкладываю CSS на это добро (на всякий случай):

.capthnx {width:40%; background:#663399; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:0 0 0 5px; text-align:left; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}

.capdown {width:40%; background:#990099; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:0 0 0 5px; text-align:left; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}

Хотя вряд ли это может хоть как-то влиять...

P.S. Я тут подумал, может где-то в CMS какой-нибудь div портит картину? Но это было бы справедливо для всех браузеров, а тут именно в IE не хочет нормально работать...

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Проблема с админкой	5	Prok	2339	29.7.2019, 20:04 автор: dvakarandasha
Проблема с таблицей, которая выводится через скрипт	7	vanchester	1339	15.2.2019, 19:06 автор: Artos_mw
Проблема в тегах при сохранении контента	1	Kord18	1430	13.3.2018, 18:19 автор: Evgeniy3200
Проблема вёрстки адаптивной страницы на divах	28	master-vek	4721	8.2.2018, 19:29 автор: master-vek
Проблема с All in one SEO?	17	okseo	2688	30.11.2017, 14:06 автор: okseo

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 26.4.2024, 1:28

Дизайн