0

我一直在努力将我网站上的块调整为在 Firefox 上与在 Chrome 和 IE 上相同。我认为这可能与我的块中的某些内容有关,每个块没有不同的标题。

你可以在这里查看我的块:

现场评分 | 方便的链接 | 最新帖子 qt 块。

正如您在 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;
}
4

1 回答 1

1

您的 Quicktabs UL(Livescore、Handy Links、Latest Posts)不在<div id="search-breadcrumb">div 中,它在您的“内容”div 中。

浏览器可能会发现它更容易和更自然地将它定位在面包屑上,如果它实际上在面包屑上的话。合理地构建页面几乎可以肯定是一个很好的起点。

于 2013-07-27T04:28:20.240 回答