3 columns in IE6?

To be honest, I haven't been concerned about IE6 users in developing 3.x, and I no longer have any means of testing with IE6, which is now 3 major versions back and 10yrs old.

If you really do need to support IE6 users on your site, I'll gladly try and help you out though. What columns are what colors in that screen shot? The problem seems to be that Framework 3 places the content column first in the markup, regardless of what sidebar shows up first visually. This article may help you troubleshoot: http://www.alistapart.com/articles/holygrail/

I've used Framework on countless sites in the last few weeks, and one thing I've started doing is adjusting all the widths to percentages.
It works very well, in every version of IE (I've installed Microsoft's Virtual Machine software and then installed MultipleIE in order to check against any old IE).
Despite the twenty year age of IE6 specifically, I still support it for the major issues (menu, etc).
Instead of inline-blocks I assign inline to the lists, and block to the anchors, and that seems to work great.
Finally, I change the order of the elements in the page.tpl and float the sidebar-right to the right, and the sidebar-left, and main I float left.
The result is quite nice.

Just watch your paddings and margins (of which I feel this theme should have less included).

Since I'm commenting here, I may as well say, Thanks! I love the theme and it's been a great pleasure to make use of. Cheers!

dooley,

Thanks for the feedback! I'm glad you've found the theme useful. I'd love to see what kind of changes you've made to the CSS. As for the change in ordering in page.tpl, I assume you are undoing the source ordering, placing "sidebar-first" first in the markup? I had placed the "content" first in the markup for SEO reasons. I'm also assuming you're talking about Framework 3.x?

@andregriffin
Yeah, by all means, here is the #main and #sidebar css from the latest site I threw together.
Note: #wrapper is width: 100%

#main {
  margin: 0 8%;
  position: relative;
}

/* 3 columns */
body.two-sidebars #main {
  float:left;
  margin: 0 1%;
  padding: 0;
  width: 52%;
}

/* 2 columns: sidebar-first */
body.sidebar-first #main {
  float:right;
  margin: 0;
  padding: 0;
  width: 73%;
  padding-right:1%
}

/* 2 columns: sidebar-second */
body.sidebar-second #main {
  float: left;
  margin: 0;
  padding: 0;
  width: 73%;
  padding-left:1%
}

/**
 * 4.SIDEBARS
 */
 
.sidebar { color:#FFF; min-height:512px; position:relative;}
 
/* 3 columns: sidebar-first */
body.two-sidebars #sidebar-first {
  margin: 0;
  padding: 0;
  width: 22%;
  float:left;
  padding-left:1%
}

/* 3 columns: sidebar-second */
body.two-sidebars #sidebar-second {
  margin: 0;
  padding: 0;
  width: 22%;
  float:right;
  padding-right:1%
}

/* 2 columns: sidebar-first */
body.sidebar-first #sidebar-first {
  margin: 0;
  padding: 0;
  width: 22%;
  float:left;
  padding-left:1%;
}

/* 2 columns: sidebar-second */
body.sidebar-second #sidebar-second {
  margin: 0;
  padding: 0;
  width: 22%;
  float:right;
  padding-right:1%;
}

To those plugging this in, remember to cut/paste the left sidebar code block above your #main code block

This will center your logo :

#header #logo {position:absolute; width:100%; z-index:10; text-align:center; padding:4px 0; left:50%; }
#header #logo img {position:relative; left:-50%;}

(the logo comes wrapped with a a#logo, so this css plugs right in)
Your header will butt up to the page top with your logo 'superimposed.'
This code works in IE6 with all its floaty goodness. Just clear:both your #footer.
Keep in mind that if you add min-widths there's a chance you'll get wrapping.
Insofar as SEO is concerned, I'm not sure what the ramifications of having an aside between nav and a section are.

Regarding menus, I realized, upon review of my work, that only two of the recent seven sites are using pure CSS dropdowns. I would recommend to anybody needing dropdown menus, using D7, to go and download the Superfish menu or for D6, Nice Menus.

Again, thanks for the great starter theme! Saves me hours everytime.

Recently we developed a drupal site for a medical organisation. Most of the users were in govt/private hospitals. To our horror we found many, not just a small amount of them, having to use IE6. The hospitals were not allowed to even do a free upgrade or install of newer versions of IE, Firefox etc. So we had to build to the lowest common denominator on that project. It was a bit of an eyeopener.

I have restructured the way the columns float for the upcoming Framework release. I've tested in all browsers (including IE6), and it works fine. The columns are still source-ordered, with both sidebars being after the main content container in the source code. I'll probably release the D7 build within the next few days.

Here's the updated markup.

/**
 * 2.LAYOUT
 */
#wrapper {
  margin: 0 auto;
  padding: 0 10px;
  width: 940px;
}

/**
 * 3.MAIN
 */
/* 1 column: global values*/
#main {
  display: inline;
  margin: 0;
}

/* 3 columns */
body.two-sidebars #main {
  float: left;
  margin: 0 0 0 240px;
  padding: 0;
  width: 460px;
}

/* 2 columns: sidebar-first */
body.sidebar-first #main {
  float: right;
  margin: 0;
  padding: 0;
  width: 700px;
}

/* 2 columns: sidebar-second */
body.sidebar-second #main {
  float: left;
  margin: 0;
  padding: 0;
  width: 700px;
}

/**
 * 4.SIDEBARS
 */
/* 3 columns: sidebar-first */
body.two-sidebars #sidebar-first {
  float: left;
  margin: 0 0 0 -700px;
  padding: 0;
  width: 220px;
}

/* 3 columns: sidebar-second */
body.two-sidebars #sidebar-second {
  float: right;
  margin: 0;
  padding: 0;
  width: 220px;
}

/* 2 columns: sidebar-first */
body.sidebar-first #sidebar-first {
  float: left;
  margin: 0;
  padding: 0;
  width: 220px;
}

/* 2 columns: sidebar-second */
body.sidebar-second #sidebar-second {
  float: right;
  margin: 0;
  padding: 0;
  width: 220px;
}

Fixed in 6.x-3.2