Question

我一直在努力调整我的网站上的块与Firefox和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;
}

Answer 1

你的Quicktabs UL（即时比分，便利链接，最新帖子）不在<div id="search-breadcrumb"> div内，它在你的“内容”div中。

浏览器可能会更容易找到它如果它实际是由面包屑起来的话，那么通过面包屑定位它会更自然。合理地构建页面几乎肯定是一个很好的起点。

块上的跨浏览器差异

1 个答案: