Всем привет!
Подскажите где копать. Во всех браузерах бэкграунд breadcrumb отображается на всю ширину экрана, кроме FireFox. В foxe имеет ограниченный размер (скрин прикрепил). Пересмотрел код в breadcrumb.tlp где идет вывод этих breadcrumb ничего подозрительного не увидел, пересмотрел global.css где стили, также ничего нет лишнего. Может надо дописать какой-то код именно для Лисы?
Код:
<!-- Breadcrumb -->
{if isset($smarty.capture.path)}{assign var='path' value=$smarty.capture.path}{/if}
<div class="breadcrumb clearfix">
<div class="container">
<a class="home" href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{l s='Return to Home'}">{l s='Home'}</a>
{if isset($path) AND $path}
<span class="navigation-pipe"{if isset($category) && isset($category->id_category) && $category->id_category == 1} style="display:none;"{/if}>{$navigationPipe|escape:'html':'UTF-8'}</span>
{if $path|strpos:'span' !== false}
<span class="navigation_page">{$path|@replace:'<a ': '<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" '|@replace:'data-gg="">': '><span itemprop="title">'|@replace:'</a>': '</span></a></span>'}</span>
{else}
{$path}
{/if}
{/if}
</div>
</div>
{if isset($smarty.get.search_query) && isset($smarty.get.results) && $smarty.get.results > 1 && isset($smarty.server.HTTP_REFERER)}
<div class="pull-right">
<strong>
{capture}{if isset($smarty.get.HTTP_REFERER) && $smarty.get.HTTP_REFERER}{$smarty.get.HTTP_REFERER}{elseif isset($smarty.server.HTTP_REFERER) && $smarty.server.HTTP_REFERER}{$smarty.server.HTTP_REFERER}{/if}{/capture}
<a href="{$smarty.capture.default|escape:'html':'UTF-8'|secureReferrer|regex_replace:'/[\?|&]content_only=1/':''}" name="back">
<i class="icon-chevron-left left"></i> {l s='Back to Search results for "%s" (%d other results)' sprintf=[$smarty.get.search_query,$smarty.get.results]}
</a>
</strong>
</div>
{/if}
<!-- /Breadcrumb -->
Код:
#category .breadcrumb,
.module-csblog-categoryPost .breadcrumb {
}
.breadcrumb {
padding: 10px 0;
overflow: hidden;
position: relative;
z-index: 1;
text-transform:uppercase;
color:#333;
background:#f5f5f5;
margin-bottom:15px;
}
.breadcrumb .navigation-pipe {
position:relative;
font-size:0;
margin:0 8px;
}
.breadcrumb .navigation-pipe:before{
display: inline-block;
content: "\f105";
position: relative;
right: 0px;
top: 0;
font-size:13px;
font-family:"FontAwesome";
color:#848484;
}
.breadcrumb a {
display: inline-block;
position: relative;
z-index: 2;
color: #848484;
}
.breadcrumb a:hover {
color: #333; }
.ie8 .breadcrumb {
min-height: 1px; }
.ie8 .breadcrumb a:after {
display: none; }
.ie8 .breadcrumb .navigation-pipe {
width: 20px; }