Question

我正在尝试为朋友建立一个网站，我正在使用Drupal 7构建它。我有一个CSS问题让我发疯。我浮动到右边的二级菜单不在我的内容旁边。相反，它出现在我的内容右下方。

我觉得我已经尝试了一切。我有第一个菜单向左浮动，第二个浮动权利，左边和右边的内容自动。

我也试过清除底层容器，但它也没有帮助。我在Firefox和Chrome中都遇到了这个错误。

我可以在网上找到我还没有尝试过的唯一解决办法就是在离开之前浮动，因为我不得不修补Drupal核心。

我之前确实遇到过这个问题，并重建了整个该死的网站，并且在尝试集中我的组件时又发生了这种情况。

自从按下“撤消”后我发生了太大的变化，所以如果有很多CSS知识的人可以解释我为什么会这样做，那就太棒了。

如果你想看到这个问题，请点击此页面www.mohaaleague.com，在右下角，但它应该与左侧菜单一样高....

.two-sidebars #content /*the middle element*/
{
    width: 827px;
    margin-left:auto;
    margin-right:auto;
}

#sidebar-second /*the right sidebar*/
{
    width: 287px;
    float:right;
}

#sidebar-first /*the left sidebar*/
{
    float:left;
    width: 287px;
}

#main  /*the underlying div that holds all the others*/
{
    width: 1650px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    clear: both;
}

Answer 1

btw我是从BARTIK主题开始的。

好的，所以我设法通过改变page.tpl.php解决了这个问题，这个问题在我的问题中得到了解决。

问题是在漂浮物离开之前正在调用右浮动。所以我改变了Drupal呈现页面的顺序。通过让Drupal首先渲染我的第二侧边栏，然后是我的第一侧边栏，然后内容我解决了问题。

我在我的主题模板目录中更改了page.tpl.php，如果您正在阅读此内容并遇到同样的问题，请将代码的顺序更改为：

       <?php if ($page['sidebar_second']): ?>
  <div id="sidebar-second" class="column sidebar"><div class="section">
    <?php print render($page['sidebar_second']); ?>
  </div></div> <!-- /.section, /#sidebar-second -->
<?php endif; ?>

<?php if ($page['sidebar_first']): ?>
  <div id="sidebar-first" class="column sidebar"><div class="section">
    <?php print render($page['sidebar_first']); ?>
  </div></div> <!-- /.section, /#sidebar-first -->
<?php endif; ?>

<div id="content" class="column"><div class="section">
  <?php if ($page['highlighted']): ?><div id="highlighted"><?php print render($page['highlighted']); ?></div><?php endif; ?>
  <a id="main-content"></a>
  <?php print render($title_prefix); ?>
  <?php if ($title): ?>
    <h1 class="title" id="page-title">
      <?php print $title; ?>
    </h1>
  <?php endif; ?>
  <?php print render($title_suffix); ?>
  <?php if ($tabs): ?>
    <div class="tabs">
      <?php print render($tabs); ?>
    </div>
  <?php endif; ?>
  <?php print render($page['help']); ?>
  <?php if ($action_links): ?>
    <ul class="action-links">
      <?php print render($action_links); ?>
    </ul>
  <?php endif; ?>
  <?php print render($page['content']); ?>
  <?php print $feed_icons; ?>

在Drupal 7中，辅助菜单没有正确浮动

1 个答案: