Кроссбраузерность шаблона

shk1p3r · 16 ноября 2010

http://www.evolit.ru/dle/

В firefox все отображается нормально. В ie и opera не отображается бэкграунд боковых блоков.

Бэкграунд в виде изображения, размноженного по вертикали. Сама картинка бэкграунда видна, однако размножения ее по вертикали не происходит (в ie и opera).

Доктип прописан

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Также в main.tpl имеется следующее

<!--

function bookmarkthis(title,url) {

  if (window.sidebar) { // Firefox

     window.sidebar.addPanel(title, url, "");

  } else if (document.all) { // IE

     window.external.AddFavorite(url, title);

  } else if (window.opera && window.print) { // Opera

     var elem = document.createElement('a');

     elem.setAttribute('href',url);

     elem.setAttribute('title',title);

     elem.setAttribute('rel','sidebar');

     elem.click();

  }

}

//-->

Привожу участок кода mail.tpl

<table height="100%" border="0" cellspacing="0" cellpadding="0">

<tr height="100%" valign="top">

<td><div class="contenttopleft"><img src="{THEME}/images/materials.gif" height="35px" /><div class="lefttext">{custom category="16" template="products" aviable="global" from="0" limit="20" cache="yes"}</div>

</div></td>

<td width="100%"><div class="content">

[not-aviable=main|showfull|info]{speedbar}[/not-aviable]

{info}[not-aviable=main]{content}[/not-aviable]

[aviable=main]{include file="evolit.tpl"}[/aviable]

</div></td>

<td>

<div class="righttop"></div>

<div class="rightcenter"><div class="righttext">{include file="coordinates.tpl"}</div></div>

</td>

</tr>

</table>

style.css

.contenttopleft{

height:100%;

background-image:url(../images/left_fon.gif);

background-repeat: repeat-y;

min-height: 100%;

}


.lefttext{

color:#ffffff;

font-weight:bold;

padding: 18px 0 193px 12px;

background-color:#820202;

background-image:url(../images/left_bottom.gif);

background-position:bottom;

background-repeat: no-repeat;

}


.content{

height:100%;

color: #3a3e59;

background-image:url(../images/center_top.gif);

background-position:left top;

background-repeat: no-repeat;

}


.righttop{

height:35px;

width:237px;

background-image:url(../images/right_top.gif);

background-repeat: no-repeat;

background-position: top;

margin: 0;

}


.rightcenter{

height:100%;

width:237px;

background-image:url(../images/rigth_fon.gif);

background-repeat: repeat-y;

}

Помогите решить проблему кроссбраузерности (можно за вознаграждение, в личку)

P.S. копирайты на сайте выложу.

inokentik · 17 ноября 2010

Я вот так прописываю чтоб бэграунд был:


<td width="50%" valign="top" class="boka_l">

&nbsp;

</td>

А в стилях

.boka_l{background:url(../images/left.jpg) top right; background-repeat: repeat-x;}

И вот результат http://www.z145439.infobox.ru/

Во всех браузерах отображается нормально (рисунок фруктов)!

Войти

Кроссбраузерность шаблона

Рекомендованные сообщения

shk1p3r 0

Ссылка на сообщение

Поделиться на других сайтах

inokentik 45

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность