[NashChristian]

Unfortunately this doesn't seem to utilize the YUI Library at all, which is the direction vB has chosen for managing content layout, and still after hours of research, I can't find a workable solution.

Using your code above caused the right edge of my widgets to be cut off (as discussed in another thread), I lost the padding/margin on the center column (main content), and the main body "content columns" of "1x2 column" failed to render the second column, I'm assuming because it is YUI dependant, and YUI wasn't used in this grid. Anyhow, back to the drawing board.

Thanks anyway Lynne.


Does anybody know how to create this grid YUI compliant???

--------------- Added [DATE]1269126515[/DATE] at [TIME]1269126515[/TIME] ---------------

Ok....

I've been working on this ALL day... and I finally have it worked out to where I can use it. I used a combination of this code, a lot of research on YUI grids at Yahoo, and just a whole lot of experimentation. This is still a hack, surely not as intended at Yahoo, but seems to function. Here is what I ended up with below:

<div id="doc3" class="yui-tvb-l2" style="margin:.1%">
 <div id="bd">
  <div id="yui-main">
   <div class="yui-b">
    <div class="yui-gc">
     <div class="yui-u first yui-panel">
      <ul class="list_no_decoration" id="widgetlist_column1" style="margin-left:4%">$column[1]</ul>
     </div>
     <div class="yui-u yui-panel">
      <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
     </div>
    </div>
   </div>
  </div>
  <div class="yui-b yui-sidebar" style="width:200px">
   <ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
  </div>
 </div>
</div>

The class="yui-tvb-l2" tells it that this has a fixed pixel left sidebar, but is actually a narrower dimmension than I want, but then I'm forcing it wider with the inline style. Then I have to compensate for the margin on the next unit cell. I also over-ride the standard "doc3" margin, so the content stays inline with header and footer elements, instead of being inset.

The only thing that really bugs me about this, but I can't figure out a way around, is my left sidebar is read last by the search engines, and since it contains my nav, it is most critical to me for SEO. I've tried putting it first, or using the first selector, both which break this grid. Oh well, at least it displays correctly.

YUI grids seem really simple IF you stick to the standard dimensions. Once you deviate, it is a totally different story!

If anyone has a recommendation on how I can do this "better", I'm all ears!

Thanks!
Jeff