Thoughts on Board Modification

[elli]

Lately, the roleplay kids have started getting into this trend with a fixed, floating left sidebar and a left-aligned board. The code they've been using, a JavaScript by some bro named Joe, is not cross-browser and breaks badly in Internet Explorer.

I liked the idea for my own skins, so I tried it out. For the past two days, I've been coding this and from what I can tell, it works on all browsers, even down to IE 6. It uses some CSS that doesn't validate, but it works -- a lot better than what they were using before.

Will some of you let me know what you think of this before I submit it to the code database here and on Slightly Insane?

Global Headers
<script type="text/javascript">
<!--
// Remove Welcome Table align and add margin
document.getElementsByTagName('table')[0].removeAttribute("align");
document.getElementsByTagName('table')[0].style.marginLeft = "260px";
//-->
</script>

<style type="text/css">
/* Resize forum with CSS, by Chris */
body table tr td table.bordercolor, body table.bordercolor { width: 850px; }
blockquote table.bordercolor, td.windowbg table tr td table.bordercolor, td.windowbg2 table tr td table.bordercolor { width: 650px !important; }

/* BEGIN SIDEBAR CSS */
html, body { height: 100%; }
#sidebar {
  background-color: #a75143;
  width: 240px;
  height: 100%;
  position: fixed;
  _position:absolute;
  top: 0;
  _top:expression(eval(document.body.scrollTop));
  left: 0;
  bottom: 0;
}
</style>
<!--[if IE]>
<style type="text/css">
#sidebar-container { min-height: 100%; overflow: hidden; }
</style>
<![endif]-->
/* END SIDEBAR CSS */

<div id="sidebar-container">
  <div id="sidebar">
     some content
  </div>
</div>
<div style="width: 850px; margin-left : 260px;" width="850">

Global Footers:
</div>
<div style="width:850px; margin-left: 260px;" width="850">

I believe this can't be used with fluid forums, but I haven't tried.

Opinions? Test it out if you want?

Live preview:
timberwoodhighs.proboards.com

[Shrike]

Making things cross-browser is good, so props for making one work I've tried it out in all various standards modes (F12!) in IE in it looks fine on all of them.

That said, luckily with V5, IE won't be forced into Quirks Mode and pretty much everything should work properly (especially with IE 9+). One thing I noticed earlier today is that the Quirks Mode in IE 10 is NOT the same as IE 5 Quirks Mode, it's more like IE 8 standards mode which is also a good thing!

[elli]

Anything less like IE 5 is good news for everyone involved. (: