TaoDay
04-27-2006, 06:26 AM
I design web page for 800*600 and 1024*768 solution. But, there is problem when I resize from 1024 to 800. My code was pass xhtml 1.0 validator and Css 2.0 validator too.
Please help me if you meet this trouble before. Thanks so much.
Brief code below is demonstrator my bug:
_Text will duplicate and begin a new line.
_It happen with IE 6.0 and window width < 1.5 inch.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" >
.Hide {
display: none;
}
div#informationDetails ,
div#accountAction {
float: left;
}
div#pageContentRegion {
padding: 5px;
margin: 0px;
}
div.Action {
border: solid 1px #CCCCCC;
}
</style>
</head>
<body>
<div id="pageContentRegion">
<h2 class="Hide">Page Content</h2>
<div id="informationDetails" class="ListDetails">
</div>
<div id="accountAction" class="Action">
this text will dup li cate
</div>
</div>
</body>
</html>
Please help me if you meet this trouble before. Thanks so much.
Brief code below is demonstrator my bug:
_Text will duplicate and begin a new line.
_It happen with IE 6.0 and window width < 1.5 inch.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" >
.Hide {
display: none;
}
div#informationDetails ,
div#accountAction {
float: left;
}
div#pageContentRegion {
padding: 5px;
margin: 0px;
}
div.Action {
border: solid 1px #CCCCCC;
}
</style>
</head>
<body>
<div id="pageContentRegion">
<h2 class="Hide">Page Content</h2>
<div id="informationDetails" class="ListDetails">
</div>
<div id="accountAction" class="Action">
this text will dup li cate
</div>
</div>
</body>
</html>