Sidebar Alignment Issue, Could use some fresh eyes Options

[John Pozadzides]

Howdy all. I'm in the process of building a new Wordpress theme from scratch. I'm designing it to be very, very light, fast and accessible without foregoing any features.

You can see it in it's current state on my test site at http://1mansblog.com

The problem is, my right sidebar is not aligning correctly. The left content is pushing it down to the bottom for some reason. I've probably been staring at it too long so if someone could take a look and give me suggestions I'd appreciate it.

The HTML and CSS both check out on the main page there, so I don't think there is an actual error.

Thanks,

John

[Effovex]

Put margin-left: -400px (or so) on the .sidebar.

[Frederiek]

No, I suppose John wants the sidebar to be at the top on the right side, while your code would push it to the left.

Put all Sidebar divs outside the ContainerBG div. You'll have to change and fiddle with the width of the ContainerBG and contained divs.

You do have a lot of div's!! I had to paste the whole thing in BBEdit to get a grip on it. I even saw a <font> tag? Come on, John, I didn't expect that from you

[Effovex]

Did you try my code? Because you should

It pushes the floated object up, and not left. It's the method employed on the layout gala (layout #9)

This post has been edited by Effovex: Apr 4 2007, 10:56 AM

[Frederiek]

Yes, I see what you mean, but I did. I put it as inline style in Sidebar (mind the capital) and tried by adding it to the style declaration in the head section. Neither did what so ever.

In John's code, there are so many div's that one's easily confused by which is contained in which (sorry, John). The Layout Gala code is easier to detect. But there too, the navigation and extra div's are only contained within one "container" div, content is within it's own "wrapper":

CODE

<div id="container">
    <div id="header">…</div>
    <div id="wrapper">
        <div id="content">…</div>
    </div>
    <div id="navigation">…</div>
    <div id="extra">…</div>
    <div id="footer">…</div>
</div>

[John Pozadzides]

Effovex - Thanks, the -400 worked like a charm!

Frederiek - Yes, I still have a lot of work to go... Don't worry, by the time it's done there won't be FONTs in there. :-)

Incidentally, the font element you are referring to is baked into the Google search code. In theory you aren't even allowed to touch that or Google can deactivate your AdSense account. :-(

I'm gonna do it anyway though!

When I get nearer to completion I'll let everyone here know so you can tear it to shreds before I release it to the world.

Thanks again for the help.

John

[Frederiek]

Well, the -400 didn't work in my browser (Safari, Mac), as I tried what I said. But going there now, it does.
Go get figured