Ответить Новая тема Новый опрос 
 отображение .breadcrumb
adwebzoom


Cпециалист
Сообщений: 123
Регистрация: 05-11-2013


03-04-2018 16:17
Всем привет!

Подскажите где копать. Во всех браузерах бэкграунд 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; }


Изображения:
Без имени-1 копия.JPG - Размер файла14.44KB, Скачиваний: 330 (Нажмите для увеличения)
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


03-04-2018 23:12
Цитата:( adwebzoom @ 03-04-2018 17:17 Смотреть сообщение )
Во всех браузерах бэкграунд breadcrumb отображается на всю ширину экрана, кроме FireFox. В foxe имеет ограниченный размер

Без ссылки в ИМ решение - невозможно.
Приложите ссылку.
Самостоятельно просмотреть применённые стили можно в firebug или через просмотр элемента.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
vit2010
Новичок
Сообщений: 1
Регистрация: 21-09-2018


21-09-2018 12:20
Добрый день.
Получилось решить проблему?
Спасибо.
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос