Hello wordpress comunity,
I have run into an issue positioning my sidebar next to my main content section.
Ultimately, I am trying to partially overlap the sidebar with the main content.
For right now, I am just trying to get the sidebar up and directly to the right of the content....something is forcing it to the bottom of the page.
Here is the mark up:
<section id="main-content"> <div id="container"> <div id="content" role="main"> <?php /* Run the loop to output the page. * If you want to overload this in a child theme then include a file * called loop-page.php and that will be used instead. */ get_template_part( 'loop', 'page' ); ?> </div><!-- #content --> <?php get_sidebar(); ?> </div><!-- #container --> </section>
and the relevant css:
[CSS code moderated - use the pastebin or post a link to your site]
I am working on this site locally so I am unable to link to it. So hopefully this image will do what it can for now.
Here is what is resulting:
any ideas as to what might be causing this? I feel it's a css conflict. I have been playing with floats, positions, display, margins and widths of each element...and nothing seems to move it up!?