WordPress.com Forums » Topic: Help With Positioning http://en.forums.wordpress.com/topic/help-with-positioning WordPress.com Forums » Topic: Help With Positioning en Thu, 23 May 2013 07:33:23 +0000 http://bbpress.org/?v=1.1-alpha-2539 thesacredpath on "Help With Positioning" http://en.forums.wordpress.com/topic/help-with-positioning#post-880241 Sun, 06 May 2012 20:23:51 +0000 thesacredpath 880241@http://en.forums.wordpress.com/ You are welcome.

]]> gnruble on "Help With Positioning" http://en.forums.wordpress.com/topic/help-with-positioning#post-880216 Sun, 06 May 2012 19:01:14 +0000 gnruble 880216@http://en.forums.wordpress.com/ Thanks again!

]]> thesacredpath on "Help With Positioning" http://en.forums.wordpress.com/topic/help-with-positioning#post-878394 Fri, 04 May 2012 04:05:15 +0000 thesacredpath 878394@http://en.forums.wordpress.com/ This is because you've put the sidebar outside of the overall wrapper that goes around all the elements of the page. Look in #sidebar and you will see a margin-left of -316px.

When you do things in the way you have, these are the kinds of issues you run into.

This is a total "hack" but it fixes it.

#wrapper {
margin-left: 350px;
}
]]> gnruble on "Help With Positioning" http://en.forums.wordpress.com/topic/help-with-positioning#post-878324 Fri, 04 May 2012 00:30:11 +0000 gnruble 878324@http://en.forums.wordpress.com/ Just one more question - is there any way to allow scrolling when windows aren't at full screen? The sidebar gets hidden when the window is resized too small.

Thanks again

]]> thesacredpath on "Help With Positioning" http://en.forums.wordpress.com/topic/help-with-positioning#post-878312 Fri, 04 May 2012 00:11:22 +0000 thesacredpath 878312@http://en.forums.wordpress.com/ You are welcome.

]]> gnruble on "Help With Positioning" http://en.forums.wordpress.com/topic/help-with-positioning#post-878306 Thu, 03 May 2012 23:59:41 +0000 gnruble 878306@http://en.forums.wordpress.com/ Thanks thesacredpath! That's perfect :D

]]> thesacredpath on "Help With Positioning" http://en.forums.wordpress.com/topic/help-with-positioning#post-878303 Thu, 03 May 2012 23:54:23 +0000 thesacredpath 878303@http://en.forums.wordpress.com/ The correct way to do this (it will require tweaking of margins, padding and such) is to float the sidebar left and float the content right such as below.

.col-right {
float: left;
}

.col-left {
float: right;
}

The above is all that is needed for the main repositioning. Then all you have to do is adjust the margins and padding and such to get things to look right.

]]> gnruble on "Help With Positioning" http://en.forums.wordpress.com/topic/help-with-positioning#post-878301 Thu, 03 May 2012 23:44:30 +0000 gnruble 878301@http://en.forums.wordpress.com/ I've gotten pretty close to the layout I want using CSS, but I cant do anything with the sidebar unless I set the position to absolute. But when it's set to absolute, the body overlaps the sidebar - so you'd have to view full screen for it to display correctly.

I've tried everything. Every forum post I've found around the Web is going on the premise that the user has full access to the html and all that jazz... Can someone please take a look at my page and tell me how I'd go about fixing this? http://macinphormer.com/

I know you guys don't have access to premium themes, so you can't tell me exactly what to do, but I know someone could give me a general answer, or at least point me in the right direction. Thanks.

Here's the code, if that helps at all:

#sidebar {<br /> background:#FFFFFF;<br /> position:absolute;<br /> top:132px;<br /> left:-5px;<br /> width:230px;<br /> padding:10px;<br /> clip:auto;<br /> z-index:-1;<br /> overflow:hidden;<br /> }</p> <p>#main {<br /> width:600px;<br /> padding-top:0;<br /> padding-left:50px;<br /> padding-right:50px;<br /> overflow:hidden;<br /> }

]]>