如何使用Constructor主题修复Wordpress中的浮动侧边栏?

时间:2013-02-23 14:16:16

标签: php css wordpress constructor

请帮我解决或解决侧栏定位问题。我在一个右侧边栏布局中有一个带有构造函数主题的Wordpress。该网页可在以下链接中看到。 (一个有一个高头菜单,另一个有一个短。侧面菜单的高度也是变化的。)

http://salvavita.hu/web_2012/

http://salvavita.hu/web_2012/?page_id=119

html结构如下:

<div class="wrapper" id="wrapcontent">
    <div class="box shadow opacity layout-right" id="content">
        <div id="container">
            content stuff
        </div><!-- id='container' -->

        <aside id="sidebar">
            sidebar stuff
        </aside>
    </div><!-- id='content' -->
</div><!-- id='wrapcontent' -->

由于某种原因,侧面菜单被破坏为一个新行并被压到容器外面的左侧。你可以在页脚顶部看到它。 如何强制侧边栏与内容呈现在同一行?(因此它会粘在网站顶部红色部分的底部。)

纯css将是首选。此时,如果它从右侧内容溢出,则可以。 (位置固定不好,因为有两种类型的标题高度,它也必须与恢复的向下窗口一起使用。)

理论上,布局是: 宽度:968px 边栏宽度:220px 额外侧边栏宽度:120px(未使用) 标题高度:518px(具有自定义编码的短变体)

感谢您的帮助,

Sziro

1 个答案:

答案 0 :(得分:1)

Alan Jenkins是对的,如果你将#sidebar的宽度从216px更改为208px,那么侧边栏就可以了。您对主容器上的右侧边缘以及侧边栏上的负左侧边距做了什么似乎对我来说有点奇怪。如果是我,我可能会做更多的事情;

.layout-right #container {
    /* (Line 197 remove the following rule) */
    margin-right: 220px
}

.layout-right #sidebar { 
    /* (Line 202 remove the following rule) */
    margin-left: -220px;
}

#sidebar {
   /* (Line 208 reduce the width slightly and change the float from left to right) */
   width: 208px;
   float: right;
}