Intersoft Solutions - Community - WebGrid Enterprise - When will the latest DTD's be supported by the Control Suite?

Community / WebGrid

Latest Development Blogs

Retrieving News

ForumPostTopic

WebGrid Enterprise

2138

8348

WebCombo

357

1383

WebDesktop

430

1620

WebTreeView

263

WebScheduler

253

944

WebTextEditor

118

423

357

134

114

567

1861

Lounge

305

768

Crosslight

366

1443

Browse By Tag

When will the latest DTD's be supported by the Control Suite?

1 reply. Last post: April 8, 2010 10:43 PM by Handy Surya

Tags :

(None)

Create New

New Discussion
New Question
New Product Feedback

Post Reply

Jerry WoodMember

Posted: April 8, 2010 2:05 PM

I'm having a conflict trying to use the latest DTD's versus the DTD recommended by Intersoft. Specifically, sizing of div's can be accomplished by specifying the top, left, bottom and right style atributes when the <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> is used. This greatly simplifies sizing of div's to occupy the entire client area of the browser. Using the older <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> forces me to write a bunch of Javascript routines to resize the div's which is a situation I'd really like to avoid.

In the following example all of the div's size themselves perfectly to browser window size changes...

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: solid 1px green;">
            <div id="Div1" style="position: absolute; top: 0px; left: 0px; height: 100px; right: 0px; border: solid 1px blue;">
                Div1
            </div>
            <div id="Div1a" style="position: absolute; top: 102px; left: 0px; height: 28px; right: 0px; border: solid 1px blue;">
                Div1a
            </div>
            <div id="Div2" style="position: absolute; top: 130px; left: 0px; right: 0px; bottom: 0px; border: solid 1px red;">
                <div id="Div2a" style="position: absolute; top: 0px; left: 0px; right: 15%; bottom: 0px; border: solid 1px brown;">
                    Div2a
                </div>
                <div id="Div2b" style="position: absolute; top: 0px; left: 85%; bottom: 0px; right: 0px; border: solid 1px yellow;">
                    Div2b
                </div>
            </div>
        </div>
    </form>
</body>
</html>

The same code with the <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> used instead causes the div's render compleltely wrong in IE 8.

I'm attaching screen prints of both the good and bad rendering I'm seeing in my browser.

Is there any workaround for this issue?