css positioning issue

Posted on 2011-04-23
Last Modified: 2012-06-27
Here's my page:

I'm trying to position div#primary.aside main-aside (the green box in the upper left corner that says "Featured This Month") at the top of the browser window, floating above all the other elements on the page. I've given it absolute positioning with a high z-index but it won't budge.

Any help would be greatly appreciated.
Question by:PitaMaria
    LVL 82

    Accepted Solution

    That's because it is 'absolutely positioned' inside another div.  Put it before the 'wrapper' div so it is only contained by the 'body'.

    Author Closing Comment

    @DaveBaldwin: Always a pleasure to see you tackling my problems, sir. Thanks for your attention.

    I'm creating a WordPress theme and was hoping to move that div with CSS versus moving its placement in the code. I was afraid that was impossible and you've confirmed it for me.

    No worries. Since I posted the question I've discovered a different solution that's working for me. Thanks again.
    LVL 82

    Expert Comment

    by:Dave Baldwin
    Cool, glad to help.

    Featured Post

    6 Surprising Benefits of Threat Intelligence

    All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

    Join & Write a Comment

    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
    In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now