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:

 

 

Can you  post your style <div class="leftfloat"> and <div class="rightfloat"> here?

 

Regards,

Eric

Sure thing!

 

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

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.

 

 

if you add that to your page code it will cause it do to funny things.  Any idea's why it causes issues?

 

Thanks

This issue is caused by IE 6.0 own built-in bugs.

 

 

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.