Issue floating in IE6

Last post 05-07-2010, 1:53 PM by Adam. 7 replies.
Sort Posts: Previous Next
  •  05-04-2010, 2:36 PM 60686

    Issue floating in IE6

    Hey,
     
    I'm currently trying to place 6 Cute Editor boxes on one page, floating 3 right and 3 left.  There seems to be some issues with the rendering in IE6 only that I cannot figure out.  The left side controls render taller than the 3 on the right...any ideas what could be causing this?  I'm using the latest version of Cute Editor, everything works in Firefox, IE7 and 8.
     
    Am I doing something wrong here, or is this a limitation with Cute Editor?
     
    Here is the code, and I'll attach a screenshot below that:
     
    <div>
        <div class="leftfloat">
            <div>
                <label for="General">General <span class="required">*</span></label>
                <CE:Editor ID="General" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
            <div>
                <label for="ClinicalSupport">Clinical Support <span class="required">*</span></label>
                <CE:Editor ID="ClinicalSupport" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
            <div>
                <label for="OperationalImpact">Operational Impact <span class="required">*</span></label>
                <CE:Editor ID="OperationalImpact" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
        </div>
        <div class="rightfloat">
            <div>
                <label for="Strategic">Strategic and Market Impact <span class="required">*</span></label>
                <CE:Editor ID="Strategic" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
            <div>
                <label for="FinancialImpact">Financial Impact <span class="required">*</span></label>
                <CE:Editor ID="FinancialImpact" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
            <div>
                <label for="CustomerSatisfaction">Customer Satisfaction <span class="required">*</span></label>
                <CE:Editor ID="CustomerSatisfaction" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
        </div>
    </div>
     
  •  05-04-2010, 4:46 PM 60687 in reply to 60686

    Re: Issue floating in IE6

    Can you  post your style <div class="leftfloat"> and <div class="rightfloat"> here?
     
    Regards,
    Eric
  •  05-05-2010, 6:26 AM 60709 in reply to 60687

    Re: Issue floating in IE6

    Sure thing!
     
    .leftfloat {
        float: left;
    }
    .rightfloat {
        float: right;
  •  05-05-2010, 7:14 AM 60710 in reply to 60709

    Re: Issue floating in IE6

    Also, after I posted this I went and tested using a table to place the editors on the screen but that did not work either.  It's such a strange issue.  The boxes are visibly smaller but even the IE Developer Toolbar says they are all 100px in height.
  •  05-05-2010, 1:43 PM 60751 in reply to 60710

    Re: Issue floating in IE6

    I use the following code, 
    <%@ Page Language="C#"%>
    <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
    <div>
        <div class="leftfloat" style="float:left">
            <div>
                <label for="General">General <span class="required">*</span></label>
                <CE:Editor ID="General" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
            <div>
                <label for="ClinicalSupport">Clinical Support <span class="required">*</span></label>
                <CE:Editor ID="ClinicalSupport" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
            <div>
                <label for="OperationalImpact">Operational Impact <span class="required">*</span></label>
                <CE:Editor ID="OperationalImpact" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
        </div>
        <div class="rightfloat" style="float:right">
            <div>
                <label for="Strategic">Strategic and Market Impact <span class="required">*</span></label>
                <CE:Editor ID="Strategic" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
            <div>
                <label for="FinancialImpact">Financial Impact <span class="required">*</span></label>
                <CE:Editor ID="FinancialImpact" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
            <div>
                <label for="CustomerSatisfaction">Customer Satisfaction <span class="required">*</span></label>
                <CE:Editor ID="CustomerSatisfaction" runat="server" AutoConfigure="Minimal"  ShowBottomBar="false" Height="100px" Width="455px" />
            </div>
        </div>
    </div>
    I run it in ie6, it looks fine,
     
     
     
    Regards,
    Eric
  •  05-05-2010, 1:52 PM 60752 in reply to 60751

    Re: Issue floating in IE6

    I was just about to reply, I found a solution to make it work, but I'd be curious as to why it fixes it.  I see in your code you have the standard DOCTYPE excluded...is there are reason why this could be breaking it?
     
    I found that simply removing this line from my page fixes everything.
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    if you add that to your page code it will cause it do to funny things.  Any idea's why it causes issues?
     
    Thanks
  •  05-07-2010, 1:02 PM 60815 in reply to 60752

    Re: Issue floating in IE6

    Anyone else have issues styling their cute editors while having the DOCTYPE declaration?  Or, anyone know why it causes issues?
  •  05-07-2010, 1:53 PM 60817 in reply to 60815

    Re: Issue floating in IE6

    This issue is caused by IE 6.0 own built-in bugs.
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    If you choose to use an XHTML doctype , please note that the XML declaration makes IE 6 (but not IE 7, IE 8.0) trigger the Quirks mode. All Standard compliant browsers – including IE7 – will read the DocType Declaration and interpret our markup and CSS accordingly. That's the whole idea, as it is only IE6 that is too weak with regards to W3C standards.

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

View as RSS news feed in XML