IE Stretchy Button

reference for the future

Internet Explorer problems with buttons have nothing to do with margins or paddings but with overflow

css:overflow:visible

Valid Google Calender

Valid Google Calender that works isn't that hard, just I never really bothered before. Well the code for this is still using conditional statements

<!--[if !IE]> -->

<object type="text/html" data="http://www.google.com/calendar/embed?src=[your account]&amp;title=[Your Title]&amp;chrome=NAVIGATION&amp;height=565" style=" border-width:0 " width="560" height="565">

<!-- <![endif]-->
<!--[if IE]>

<iframe src="http://www.google.com/calendar/embed?src=[your account]" style="border: 0" width="560" height="565" frameborder="0" scrolling="no"></iframe>

<!--><!--dgx-->

</object>

<!-- <![endif]-->

valid flash

Something that has been bothering me for a while is creating a site that is valid but still viewable in IE, well at the site of http://knowhow.dgx.cz/eolas-workaround/
I found a workaround that goes like

<!--[if !IE]> -->

<object type="application/x-shockwave-flash" data="http://card.mygamercard.net/Emergence.swf" width="198" height="135">

<!-- <![endif]-->

<!--[if IE]>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="198" height="135"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0">

<param name="movie" value="http://card.mygamercard.net/Emergence.swf" />

<!--><!--dgx-->

<param name="loop" value="true" />

<param name="menu" value="false" />

<p>This demo requires Flash Player.</p>

</object>

<!-- <![endif]-->

Such nice code, I hate using conditional attributes but works nicely though and for going around the active x thing well then I include the javascript file that I include with

<!--[if IE]><script type="text/javascript" src="http://joshknutson.net/global/fix_eolas.js" defer="defer"></script><![endif]-->

You can view the site that would see on the code for the website. Don't think I forgot anything, well have fun.

trouble with favicons

Opera and FF typically will work when this issue arises but will not work within IE a lot of the times. Now lets for example start with something simple to which I will be using my site as an example as I normally do :o) we have a favicon that is somewhere in the head <link rel="icon" href="http://joshknutson.net/images/icons/ favicon.ico" type="image/x-icon" />'

This will not show up in IE but will show up in other browsers, so I then check Microsoft sites to see how they do it. My results: <link rel="icon" href="/s/wlflag.ico" /> from live.com <link rel="SHORTCUT ICON" href="http://hp.msn.com/global/c/hpv10/ favicon.ico" type="image/x-icon" /> from msn.com Now what could be the difference between what didn't work for me, but will work somehow for Microsoft. After fooling around this is what I tried

<link rel="shortcut icon" href="http://joshknutson.net/images/icons/ favicon.ico" type="image/x-icon" /> which works for some unexplainable reason unless I am just caching the results of playing around with it a few different times, this was tested within IE7 and seemed to have worked for me. If need be check out http://joshknutson.net/index.cfm to let me know if this doesn't work with ie6 and such