Databases
StackOverflow2013
Postsdbo
POHow to fix float sidebar in Wordpress with Constructor theme?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to fix float sidebar in Wordpress with Constructor theme?
    text
    copied!<p>Please help me fix or solve a problem regarding the positioning of the sidebar. I have a Wordpress with the Constructor theme in a one right sidebar layout. The webpage can be seen in the following links. (One has a tall head menu the other has a short. The height of the side menu is varied too.)</p> <p><a href="http://salvavita.hu/web_2012/" rel="nofollow">http://salvavita.hu/web_2012/</a></p> <p><a href="http://salvavita.hu/web_2012/?page_id=119" rel="nofollow">http://salvavita.hu/web_2012/?page_id=119</a></p> <p>The html structure is as follows: </p> <pre><code>&lt;div class="wrapper" id="wrapcontent"&gt; &lt;div class="box shadow opacity layout-right" id="content"&gt; &lt;div id="container"&gt; content stuff &lt;/div&gt;&lt;!-- id='container' --&gt; &lt;aside id="sidebar"&gt; sidebar stuff &lt;/aside&gt; &lt;/div&gt;&lt;!-- id='content' --&gt; &lt;/div&gt;&lt;!-- id='wrapcontent' --&gt; </code></pre> <p>For some reason the side menu is broken to a new line and pressed to the left, outside the container. You can see it on top of the footer. <strong>How can I force the sidebar to be rendered in the same line as the content?</strong> (So it sticks to the bottom of the top red part of the site.) </p> <p>Pure css would be preferred. At this point, it is OK if it spills out of the content to the right. (Position fixed is no good, because there are two types of header heights, and it has to work with a restored down window too.) </p> <p>In theory, the layout is: Width: 968px Sidebar width:220px Extra sidebar width:120px (not used) Header height: 518px (has a custom coded short variant)</p> <p>Thank you for the help,</p> <p>Sziro</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload