...I hit send too soon....
In IE, the titles are moving to the next line. I've tried shorter titles but that was not the issue.
This the the HTML code from IE
Apr 25
Dance for JOY! WorkshopMay 1
IDC National GatheringMay 16
IDC Midwest Regional Revival (Des Moines, IA)May 30
Meeting of the MimesJul 16
Dance Ministry Detox
Here is the section from the PHP file for that page:
" rel="nofollow">Read about more eventsUpcoming Events
<?php
ec3_get_events(
'5',
'<span class="calcontainer">
<span class="calmonthdate"> <span class="calmonth">
%MONTH%</span> <span class="caldate">%DATE%</span>
</span> <span class="calevent" ><a
href="%LINK%">%TITLE%</a></span> <span
class="calsub"></span> </span><div
style="clear:both;"> </div>',
'',
'j',
'',
'M'
);
?>
Every browser has it's own default settings. IE adds a margin of one size to something, by default, and FF adds a different value to the same place. There is no spec or standard everyone follows for this.
A CSS Reset sets all of these things to the same thing and overrides those default settings.
Yahoo has one at http://developer.yahoo.com/yui/reset/
Eric Meyer has a great one at http://meyerweb.com/eric/tools/css/reset/index.html
Conditional includes allow you to include something in IE and other browsers don't read them. For example, on G&G.com we have one that reads
<!--[if IE 6]>
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/geeksandgod09/fix-ie6.css" />
<![endif]-->This is an if statement in commented code. IE reads it and acts while other browsers see it as a comment and ignore this. This is in the head right after our regular css file that works for compliant browsers and fixes IE 6 where needed.
More detail on this at http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx
I'm at my wits end....
The upcoming events show up perfectly in FF but very messed up in IE
(upcoming events section)
http://www.panehpraise.com
Set Your Own Hours - Work From Home