« Keep It Loose | Main | Click-free Web Surfing »
January 29, 2004
One more reason to hate Microsoft
I've been working on a layout refit for the website and decided to switch layout handling from tables to CSS. While it's slicker this way, there are some inherent problems... like browser compatibility.
If you want to see what I'm talking about, the link to the development stuff is devo.cthb.org. It works in all the browsers I have loaded on my Panther-equipped TiBook. Admittedly, they're all the most recent versions of Safari, Internet Explorer, Opera, and Mozilla. I don't have Netscape loaded, but will by tonight.
The page looks fine on all of them.
On the PC laptop, I have Internet Explorer 6.0 and the most recent versions of Netscape, Opera, Mozilla and even Mozilla Firebird.
The page looks fine on all of them...
Except Internet Explorer.
If anyone can give me any insight (via email), I'd really appreciate it. At issue is the placement of the black banner bar and, potentially, the placement of the boxes. Here's how it should appear:
- The graphic is 150 pixels high, with the bottom 20 pixels containing a black background in the graphic. I suppose I could make this a transparent GIF, but this seemed easier and with better colour depth.
- The black banner should be flush to the browser edges on both sides and be positioned 130 pixels down from the top. What I see is a black banner flush with the top. This pisses me off.
- The "Tourist Attractions" box should be on the left, 10 pixels in from the edge of the browser.
- The "Title" box should be on the right, 10 pixels in from the edge of the browser.
- The "Here there be dragons" stuff should be just black text on white background in between the two boxes, with the title pretty much aligning with the tops of the boxes.
Posted by KinCross at January 29, 2004 10:44 AM