WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar Alignment -- Have Checked Archives (3 posts)

  1. sefa
    Member
    Posted 8 years ago #

    Hi,

    I'm new to WordPress, so I may just be missing something obvious, but I'm having trouble getting the sidebar to align with the posts. I've validated the website, and it is all valid except for a bit of javascript I don't think is affecting the page, and the generated post text (which I don't think I can change -- am I wrong?). I haven't left any divs open or anything. In a lot of the other posts on the subject, people mentioned that there may have been a word or link or something that was too long. I don't think this is the case, as my content divs aren't stretching too far.

    I've tried changing the class properties to position:absolutes, but while it renders fine on Firefox, it looks horrible on IE. I am using my own template that I created (but I've checked it against the default theme and can't find any obvious problems).

    My site is here. The first post is aligning too far right in IE, but looks fine in Firefox.

    Thanks in advance,
    Yvette

    ETA: In case this is relevant: I'm not sure about IE, but the site was working fine in Firefox when there was only one post.

  2. iwanknapen
    Member
    Posted 8 years ago #

    If you use floats put .content behind #navbar in your html page.
    Better if you use margins for .content and #navbar.

    Remove .content { left: 20% } from stylesheet.

    In your html page put all .features in one content.

    <div class="content">
    <div id="feature">
    </div>

    <div class="feature">
    </div>
    </div>

    IE always gives you extra work!

  3. sefa
    Member
    Posted 8 years ago #

    Hi iwanknapen,

    I've removed all the floats, and substituted left: 20% for margin-left: 20% (and the same for #navBar). My .features are all in one .content div. The page is still not rendering properly, although both IE and FF are rendering it wrong in the same way now, which is a bit of good news.

    I also assigned .content z-index 1 and #navBar z-index 2 just in case. It doesn't seem to affect anything either way though. The more reasonable explanations I go through trying to find the problem the more I worry that I've done something really dumb. *g*

    Thanks anyway for you help iwanknapen.

Topic Closed

This topic has been closed to new replies.

About this Topic