Btw. I cleaned up the code a bunch.
Heres what is left.
<table width="100%" cellpadding="0" border="0" cellspacing=0>
<tr valign="top">
<td valign="top">
<a href="http://hc.dkpsystem.com/news.php">
<img border=0 src="settings/hc/files/logo.jpg" alt="High Council - Home" style="position: absolute; top: 0px; left: 0px;">
</a>
</td>
<td valign="top" align="right" style="Padding-Top: 10px; font-size: 12pt">
<!-- System:Calendar -->
</td>
<td valign="top" align="left" style="Padding-Top: 10px; font-size: 12pt">
<!-- System:Next5Events -->
</td>
</tr>
</table>
Still only works on firefox, and not safari 2.0.6
I'm using IE7 on a PC, and it LOOKS great to me... though it's different than what it was when you started this thread, so I'm no longer sure what it's supposed to look like versus what it does. I don't have Firefox on my laptop (which I'm currently on)... just my home PC, so I can't check it against that to see the difference, but as far as I see, your Header/Logo looks fantastic.
Sorry about the messup of my original help. I didn't have time to actually check my work, just made what I thought was the right assumption about the end result. Glad you got it figured out though.
As for making it look the same in Firefox, Safari and IE... I'd say this:
IE for the MAC is trash. I honestly must say, that of all the programs MS has ever written, it stands side-by-side with WindowsME as the biggest waste of time MS has ever spent. (And I actually really like a lot of MS's stuff). Therefore, I'd say it isn't worth even supporting.
Firefox, both on the PC and MAC is incredibly consistant as far as code support is concerned. If it looks right on the MAC, it probably looks identical on FF for the PC.
Safari W3C compatibility is sketchy to say the least. It does very well for about 75% of the W3C standard, and interprets the rest in a truely funky way.
Pre-IE7, you'll without a doubt have a different experience from FF to IE, as IE interprets placing and borders differently than FF does. As a result, many things (almost everything) are off by 2+ pixels, and depending on which browser you use as your standard will represent which one it looks right on. Even IE7 still makes some interpretations of Positioning, borders, Padding and Margins differently than FF in some areas.
Really with IE, you'll find that it mostly revolves around how it treats borders. Do you INCLUDE them in the equation, or are they set apart? That's the end result that makes things different.
FYI, I can't tell you which is right. W3C is not super specific on that fact, and MS took one way. Most other browsers went the other route, undoubtably to be different than MS. IE has more of the browser market than all the other browsers put together, but then almost ALL the other browsers fall on the other side of the fence on this issue. Which comes first, the chicken or the egg, right?
Anyway, the end result is that you must have separate stylesheets if you want it to look identical in IE AND FF. You can try for Safari too, but there it's mostly about luck.
