gingerandjohn.com

I've been noticing that this website doesn't look right in IE6 (those of you using it to read this know exactly what I'm talking about). Rather than wrapping the #content div at the screen width, the wrapping happens way off to the right. The extra width just happens to correspond to the width of the #links div). So I did a little digging, and found that I could fix it with the following additions or changes to the #content style:

/* position: absolute; */
float: right;
margin-left:20px;
width:75%;

The problem is that I suspect that I have to do some variant on the IE box model hack, and I'm not really comfortable with that (meaning, I don't really understand it yet). I do know that there's great examples at Stu's CSS Site, including a three-column layout example that doesn't use the hack. Perhaps I can modify it for my two-column layout. Regardless, expect to not have to scroll right-left to read this site on IE6 Real Soon Now.

The whole thing is kind of weird. It's really from the default MT stylesheet, and apparently nobody has worried about it. Moz/Fire* all display it like they're supposed to, even IE5 does it right, but IE6 doesn't. Weird.

In the meantime, I'm trying to hack up the crm-a.org site to have a similar look-and-feel to CRMA Northwest, but with stylesheets. I decided to go with something I read from The Daily Report a while back, which suggested that web sites should be designed with the most compliant browser first, and fixes and hacks be added later. Since Firefox is my primary browser that works fine for me, but most of the people who hit the site still use IE5/6.

The mockup uses menus styled á la A List Apart, but the rest I've actually managed to figure out myself. It looks great in Firefox, but I'm still struggling with IE6, particularly resizing issues.

My other project (for all the spare time I seem to have lying around) has the tentative working title of TTRM (TTRM: Tennis Roster Manager). Like any good OSS effort, it's intended to scratch itches that Tennis Captain and Netcord just don't seem to work on. More to come later, but my fondest hope is that I can use Python for a prototype, then (if I can't just keep using Python) switch it over to PHP. More to come (I hope, since the season starts in 4 weeks).

Tags: No Comments