Removed is: template-t5-20100302-multi_outside.xml
Another test blog in the ted series

Another adjustment to edensGarden has concluded and the base t5 template restored.
The small adjustment changed the preview scripts for a smaller image. The BHF question was:This is template-t5-edensGarden-r3.xml
Moving the sidebar to the right of the header seems simple enough.
— Change #header-wrapper -- to width of #main-wrapper
— #header-wrapper -- float:left;
— Change #header-wrapper - margin:0 0 10px;
— Move <div id='sidebar-wrapper'> between <div id='header-wrapper'>'s closing </div> and <div id='content-wrapper'>
––This can easily be done with the Expand Widget Templates box unchecked
A post-change tweak to lower the sidebar a little.
—#sidebar-wrapper {
width: 220px;
margin-top: 8px;
A change like this should be worked out on a test blog before moving the changes to a live one. Add the key elements and some content, and check everything to make sure it will work as desired.


This text also appears inside a frame
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tortor metus, pellentesque nec, vehicula vitae, suscipit sed, quam. Aenean scelerisque sodales tortor. Sed purus. Curabitur turpis est, bibendum tristique, porttitor tempor, pulvinar vitae, tortor. Nullam malesuada dapibus orci. Vivamus aliquet tempus velit. Curabitur interdum posuere risus. Duis egestas, ipsum sit amet molestie tincidunt, ligula libero pretium risus, non faucibus tellus felis mattis sapien. Ut eu velit at massa auctor mattis. Nam tristique velit quis nisl.
Note. This description may not match the actual layout. Most of the time the layout is "Outside Sidebar" which moves the sidebar alongside the header.
A new element, the top sidebar, was placed between the bottom of the post column (div id='main-wrapper') and the existing sidebar wrapper. New is maroon, existing green.
<div id='sidebarTop-wrapper'>
<b:section class='sidebar section' id='sidebarTop' preferred='yes'>
</b:section>
</div> <!-- close sidebarTop-wrapper-->
<div id='sidebar-wrapper'>
The stylesheet addition, placed with the other sidebar wrappers:
#sidebarTop-wrapper {
margin-left: 2%;
width: 50%;
float: left;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}