2013-07-27 2 views
0

Я пытался настроить блок на своем веб-сайте так же, как и в браузере Chrome и IE. Я думаю, что его возможно сделать с чем-то в моем блоке не имеют другого заголовка на блок.Несоответствие браузера в блоке

Вы можете просмотреть мой блок здесь:

The LIVESCORE | HANDY LINKS | LATEST POSTS qt block.

Как вы можете видеть на Chrome и IE его штраф, но на Firefox все его свисают, как обвисшей старой леди. Закладки должны быть в той же строке, что и палитра.

Я пробовал целую вечность и для жизни меня, я просто не могу его сортировать. Мне бы очень понравилось, если бы кто-то помог мне, и это было бы очень оценено.

<div id="main-wrapper-inner"> 
<div id="search-breadcrumb"> 
<div id="main" class="clearfix"> 
<div id="content-wrapper"> 
<div id="content-tops" class="clearfix"> 
<div id="content-top-inner" class="content-top-1 clearfix"> 
<div id="content-top-one" class="column"> 
<div class="region region-content-top-one"> 
<div id="block-quicktabs-latestpage" class="block block-quicktabs contextual-links-region region-count-1"> 
<div class="block-inner clearfix"> 
<div class="content"> 
<div id="quicktabs-latestpage" class="quicktabs-wrapper quicktabs-style-nostyle jquery-once-2-processed"> 
<div class="item-list"> 
<ul class="quicktabs-tabs quicktabs-style-nostyle"> 
<li class="active first"> 
<li> 
<li class="last"> 
<a id="quicktabs-tab-latestpage-2" class="active ajax-processed jquery-once-3-processed" href="/latest?qt-latestpage=2#qt-latestpage">Livescore</a> 

CSS

ul.quicktabs-tabs li a { 
    display: inline-block; 
    padding: 0 20px; 
} 

#quicktabs-latestpage ul.quicktabs-tabs li, #quicktabs-forumstuff ul.quicktabs-tabs li { 
    font-family: Oswald,'Arial Narrow',Arial,Helvetica,sans-serif; 
    font-size: 13px; 
    text-transform: uppercase; 
} 
ul.quicktabs-tabs li { 
    font-family: 'Anton',Arial Narrow,Arial,Helvetica,sans-serif; 
    font-size: 28px; 
} 
.block ul li { 
    list-style: none outside none; 
} 
ul.quicktabs-tabs li { 
    list-style-type: none; 
    white-space: nowrap; 
} 
+0

Вопросы по StackOverflow должны иметь код, предпочтительно SSCE. Вопросы и ответы на этом сайте предназначены для того, чтобы иметь историческое и архивное значение, которое просто имеет ссылку в другом месте, не предоставляет. Пожалуйста, предоставьте код. –

+0

Извините, код Thomas добавлен. –

ответ

1

Ваш Quicktabs UL (Livescore, удобные ссылки, последние сообщения) не внутри <div id="search-breadcrumb"> DIV, это путь вниз внутри вашего "содержание" дивы.

Browser, вероятно, будет проще & более естественно расположить его в навигационной цепочке, если он на самом деле был вверх по навигации. Структурирование страницы разумно почти наверняка станет хорошей отправной точкой.

+0

Спасибо Томас, я вижу, почему все это так плохо и твоя правовая структура ужасна. Это было немного взломать, позволяя блоку появиться в поисковой панировке, как есть. Ive попробовал переместить html, но из-за моих тем responsivedesign im толкает блоки на 100% ширину и т. Д. И его действительно запутывает мой сайт. Я могу взглянуть на конкретный бит браузера css, когда я встану, чтобы отсортировать его. Благодарю. вы думаете, что это может сработать? –

+0

Привет, Reg, я попробовал отредактировать копию .. мог бы легко переместить «список предметов» в панировочные сухари и сделать его поплавком, сбив с позиции: абсолютный и верхний: смещения и правильное положение. Ваш CSS полон агрессивных и запутанных правил калибровки, тем не менее, делает правильный стиль элемента не простым. Я оставлю его вам. –

+0

Мне не нужно было использовать ширину 100%, просто плавать: справа. Старайтесь избегать использования верхних: смещений и абсолютного позиционирования везде, а также уточнять/уменьшать широту ваших правил CSS. –