Note that I have another post here regarding styling certain DNN skin objects, Terms of Use and Privacy Statement to be precise.  This post is somewhat related as the issue I see now happens on the same project.

I need to add a custom footer to a Catalyst Skin.  When I tried to rename the file which needed modification, the skin would blow up.  I see it has its own CSS file, which could mean the files common to it had to also be copied and renamed similarly but that's a real stretch.  What I had to do was make sure I made several backups of the original skin ascx, modify and change one of those copies and then overwrite it on the server.  Go Daddy is the provider in this case.

So there's one point.  Here's the other -- on my local host, if I rename the Minimal Extropy Index.ascx, in this case TMP-Index.ascx, it blows up IE.  I'm on IE8, Windows XP SP3, IIS 5.1.  DNN version is 5.4.4.  FireFox runs 100% just fine.

With the overwritten Catalyst .ascx file it also runs fine on FF.  On the server (Go Daddy) it runs fine on FF.  I overlooked checking IE until I loaded the skin up to Go Daddy and then looked at IE.  It blows up like the Hindenberg.

So, putting footer HTML into a Catalyst skin file, that runs fine on FF locally and on the server but blows up on IE, what causes this?  By "footer" html, I mean the Catalyst skin file has a "footer pane", just like any other pane.  So I mean just common HTML, with some skin objects, loaded into the footer pane and it runs OK until and unless IE is used.

The other issue, I checked out renaming the Index.ascx skin file in Minimal Extropy to check it again and sure enough, it blows up in IE, runs fine in FF.

I have a major rush to get something done on this issue so I could really use some help.

Mike

95% chance you forgot to copy / rename the "skinname".doctype.xml file too.
In that case your skin is not using an XHTML doctype and IE renders very badly in that case

---

Timo,

I replied to admin1@ with attachments but this probably won't get to you.  Doing as suggested prevented the skin blow up in IE like it was happening but footer rendering is still awful.  Before, footer rendering was OK but was misrendering parts of the ME Index.ascx skin.  Well, renaming the doc xml prevented that but now the footer does not render correct in IE 8 but is still fine in FF.

Here is the HTML for what I'm working with, which was added below the bottom links in ME Index.ascx, note, insert snippet tool above doesn't work so I hope this renders correct:

<div style="background-color:#478BBB; text-align:center;">
                    <table style="padding-bottom:25px; padding-top:10px;">
                        <tr>
                            <td style="width:20%;">
                                <!-- Left site of top footer div -->
                                <div style="background-color:Transparent; text-align:center;">
                                    <div class="NormalBold" style="padding-bottom:10px; font-weight: bold; font-family: Arial; font-size: 11px; color: #FFFFFF;">
                                        Follow Us
                                    </div>
                                    <div>
                                        <a id="ancFacebook" runat="server" href="http://www.facebook.com"  target="_blank" >
                                        <img id="idFacebook" runat="server" alt="Link to Facebook" src="~/Portals/_default/Skins/MinimalExtropy/images/Facebook-48.png" /></a>
                                        &nbsp;
                                        
                                        <a id="ancLinkedIn" runat="server" href="http://www.linkedin.com"  target="_blank" >
                                        <img id="idLinkedIn" runat="server" alt="Link to LinkedIn" src="~/Portals/_default/Skins/MinimalExtropy/images/Linked_In-48.png" /></a>
                                        &nbsp;
                                        
                                        <a id="ancTwitter" runat="server" href="http://twitter.com/TechMedPartners"  target="_blank" >
                                        <img id="idTwitter" runat="server" alt="Link to Twitter" src="~/Portals/_default/Skins/MinimalExtropy/images/Twitter-48.png" /></a>
                                        &nbsp;
                                    </div>
                                </div>
                            </td>
                            <td valign="top" style=" width:25%; margin-left:0; text-align:center;">
                                <!-- Original colors FFFFFF -->
                                <!-- BEGIN: Constant Contact Bubble Opt-in Email List Form -->
                                <div align="center">
                                    <table width="170" border="0" cellspacing="0" cellpadding="0">
                                        <tr bgcolor="#FFFFFF" valign="top">
                                            <td width="9" rowspan="2">
                                                <img src="https://imgssl.constantcontact.com/ui/images/visitor/tl_brdr2_trans.gif"
                                                    width="9" height="9" border="0"></td>
                                            <td width="152" height="1" bgcolor="#FFFFFF">
                                                <img src="https://imgssl.constantcontact.com/ui/images/spacer.gif" border="0" width="1"
                                                    height="1"></td>
                                            <td width="9" rowspan="2" align="right">
                                                <img src="https://imgssl.constantcontact.com/ui/images/visitor/tr_brdr2_trans.gif"
                                                    width="9" height="9" border="0"></td>
                                        </tr>
                                        <tr>
                                            <td width="152" height="8" bgcolor="#FFFFFF">
                                                <img src="https://imgssl.constantcontact.com/ui/images/spacer.gif" border="0" width="1"
                                                    height="1"></td>
                                        </tr>
                                        <tr> <!-- Original td widht 170; orginal colors FFFFFF orig style style="border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;" -->
                                            <td width="170" colspan="3" style="border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;">
                                                <div align="center">
                                                    <form name="ccoptin" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank"
                                                        method="post" style="margin-bottom: 3;">
                                                        <!-- Original Font Style: style="font-weight: bold; font-family: Arial; font-size: 20px; color: #FFFFFF;" -->
                                                        <font style="font-weight: bold; font-family: Arial; font-size: 11px; color: #FFFFFF;" >
                                                            The TMP Newsletter</font><br>

                                                        <input type="text" name="ea" size="14" value="" style="font-family: Arial; font-size: 10px;
                                                            border: 1px solid #999999;">
                                                        <input type="submit" name="go" value="Sign Up" class="submit" style="font-family: Arial,Helvetica,sans-serif;
                                                            font-size: 11px;">
                                                        <input type="hidden" name="llr" value="a7jdajcab">
                                                        <input type="hidden" name="m" value="1101961209728">
                                                        <input type="hidden" name="p" value="oi">
                                                    </form>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr bgcolor="#FFFFFF" valign="bottom">
                                            <td rowspan="2">
                                                <img src="https://imgssl.constantcontact.com/ui/images/visitor/bl_brdr2_trans.gif"
                                                    width="9" height="9" border="0" /></td>
                                            <td width="152" height="8" bgcolor="#ffffff">
                                                <img src="https://imgssl.constantcontact.com/ui/images/spacer.gif" border="0" width="1"
                                                    height="1"></td>
                                            <td rowspan="2" align="right">
                                                <img src="https://imgssl.constantcontact.com/ui/images/visitor/br_brdr2_trans.gif"
                                                    width="9" height="9" border="0"></td>
                                        </tr>
                                        <tr>
                                            <td width="152" bgcolor="#FFFFFF">
                                                <img src="https://imgssl.constantcontact.com/ui/images/spacer.gif" border="0" width="1"
                                                    height="1"></td>
                                        </tr>
                                    </table>
                                </div>
                                <!-- END: Constant Contact Bubble Opt-in Email List Form -->
                            </td>
                            <td style=" width:20%; vertical-align:top;">
                                <div style="padding-bottom:10px; padding-left:20px; vertical-align:top; text-align:left;
                                font-weight: bold; font-family: Arial; font-size: 11px; color: #FFFFFF;">
                                    Additional Links
                                </div>
                                    <table>
                                        <tr>
                                            <td style="padding-right:20px;">
                                                <div>
                                                    <a href="/ContactUs.aspx" style="padding-left:20px; font-weight: normal;
                                                        font-family: Arial; font-size: 11px; color: #FFFFFF;">Contact Us</a>
                                                </div>
                                                <div>
                                                    <a href="/AboutTMP.aspx" style="padding-left:20px; font-weight: normal;
                                                        font-family: Arial; font-size: 11px; color: #FFFFFF;">About TMP</a>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <dnn:PRIVACY runat="server" id="PRIVACY2" />
                                                </div>
                                                <div>
                                                    <dnn:TERMS runat="server" id="TERMS2" />
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                <div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="background-color:#124977; text-align:center;">
                    <table style="padding-bottom:15px; padding-top:15px;">
                        <tr>
                            <td style="width:25%; text-align:center;">
                                <div class="TMPWhiteSkinObject" >
                                    3130 Highland Ave. Suite 3255 <br />
                                    Cincinnati OH 45241
                                </div>
                            </td>
                            <td style="width:25%;">
                                <img alt="Technology Medical Partners" id="TMP_Image" runat="server" src="~/Portals/0/White_Logo_small.gif" />
                            </td>
                            <td style="width:20%;">
                                <dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" CssClass="TMPWhiteSkinObject" />
                            </td>
                        </tr>
                    </table>
                </div>