CSS Forum

**vikasgupta** · 06:50 AM

i have a div's releated problem in this code.

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Flexible Layout By Div </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type='text/css'>
body
{
    margin: 0px;
    padding: 0px;
}
</style>
</head>
<body>
    <div style='height:100%;width:100%;' align='center'>
        <div style='width:80%;height:100%;'>
            <div style='background:#669900;width:70%;height:20%;float:left;overflow:hidden;'></div>
            <div style='background:#6699ff;width:30%;height:20%;float:right;'></div>
        </div>
    </div>
</body>
</html>

this code is working well in firefox. but not working in IE when you will resize the window then the structure distorted.
I don't why it is so.

Thanks

**chrishirst** · 06-14-2010, 06:53 AM

Do not hijack threads

AND use a full doctype