Jump to content
buddies

How to create extra containers outside the wrapper on wordpress?

Recommended Posts

Hi, I have a wordpress blog, http://bupphawitt.com/, that I want to create extra sidebars outside the container, and on both sides of it. The sidebars have to be fixed, so that when I scroll down the page the sidebars remain fixed. Please see yahoo page for similar idea I want to create, http://www.yahoo.com/. Have a look at its left sidebar, which is how I want my site to be, just the extra boxes on both sides. I have tried to create a wrapper outside it, but unsuccessful. I must have done something wrong. Can someone please guide me to the right direction? Any help would be highly appreciated. Please find a drawing attached, so you can better see how it should look. Beforehand Thanks! My website is: http://bupphawitt.com/ Regards, Buppha Witt

post-114317-0-03287000-1368224106_thumb.png

Share this post


Link to post
Share on other sites

Just add a div with the appropriate width on either side of the wrapper and float everything left including the wrapper.

Share this post


Link to post
Share on other sites

Please tell me again how to float everything left and in which file do I have to modify? I've added 2 boxes on both sides, but they look terrible, and I don't know how to fix it.

Share this post


Link to post
Share on other sites

link is down

Share this post


Link to post
Share on other sites

The position fixed container can be placed anywhere within the page, it does not matter as it out of the flow from all other elements, its position is determined by the boundary area of the browser window. (1) create fixed outer container, and use top:0; left:0; right:0;(2) create inner container same width as wrapper plus the width of both side panels(3) add left right side panels, and float these

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...