I'm wondering about the best way to add a region above the sidebar regions (I'll always use the Content - Sidebar - Sidebar layout)
that covers both sidebars in width. With this, I want to push the original sidebars down beneath this new region...

Comments

Orjan’s picture

Orjan CreditAttribution: Orjan commented

Maybe I should add that I've made an own theme based on footheme and corolla

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented

You have to add a region above the sidebars in code, then float it left and set a width and possibly a height.

A lot of this comes down to if you ever use another layout (e.g. sidebar - content - sidebar) or will be changing the widths of the page, the max width or the width of either sidebar.

Since you are using the content - sidebar - sidebar layout this should be pretty easy.

Orjan’s picture

Orjan CreditAttribution: Orjan commented

That was what I was thinking as well, but isn't really working. it put it self beneath of the two sidebars (overlapping), the whole package is then visible leftmost under the content instead of beside it. The width of the new region is the same as the sum of the sidebars. lowering the width isn't enough.

I'm trying to direct them in CSS with region-sidebar-first and region-sidebar-second classes, and my new region called region-photobox
are there other classes or ids that should be used in first place?

Is there some other parameters like clear or so that should be set?

boran’s picture

boran CreditAttribution: boran commented

Not sure if this helps you but:
I added two regions above content plus sidebars, one region taking up the left part, one floating to the right. A "container" div was added in page.tpl (which gave the combined area the right width and max-width) and within that div added the two new regions.
The css for the left region was float:left, the other float:right