The left sidebar comes before the content in page.tpl.php which makes it necessary to scroll down the whole sidebar with a screen reader before getting to the main content. I tried moving the div containing the sidebar below the content and just before the right sidebar hoping that the css would put it back in its place visually, while the logical order of the page keeps the content before the sidebars. I hope this question at least makes a little sense. What change might make rearranging the sidebar and content in the template possible without breaking the presentation.

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Honestly? You are asking for trouble -trying to man-handle this layout into a content first type layout will be fraught with issues, you might get lucky and everything works out just fine, but my experience tells me it won't be long before IE* blows up in your face.

I can give you some sample CSS to show how you might be able to achive this, but don't say I didn't warn you that this could go bom-shanka.

middle column is the main content - you will need to find the DIV and CLASS in this theme (sorry, I do not have an actively running install right this very minute). This is called a negative margin content first layout, both sidebars below the main content, depending on the markup things should work OK, or not:

.two-sidebars .middle-column {
  margin: 0 180px;
}
.sidebar-first .middle-column {
  margin-left: 180px;
}
.sidebar-second .middle-column {
  margin-right: 180px;
}
.region-sidebar-first {
  width: 180px;
  margin-left: -100%;
}
.region-sidebar-second {
  width: 180px;
  margin-left: -180px;
}