me_myself
09-20-2007, 02:53 PM
When i reduce the width (shrink) the browser, the below code (image stays intact) in IE7 and FireFox, but it wraps in IE6.0 - someone please help me solve this IE6 issue !!!
I used http://tredosoft.com/multiple_ie to install IE6 in my system (there is an installer at the bottom of the article).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>:: RoMa - Member Home ::</title>
<style>
body{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
#pagewidth{min-width:700px;}
#header{position:relative; height:125px; width:100%; min-width:1000px; padding-right:1px;}
#tm_row1{width:100%; min-width:1000px; float:left;}
.image{display:block; padding:0px 0px 0px 0px; float:left;}
</style>
</head>
<body>
<div id="pagewidth" >
<div id="header" >
<!-- Start of Icons -->
<div id="tm_row1">
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
</div>
<!-- End of Icons -->
</div>
</div>
</body>
</html>
I used http://tredosoft.com/multiple_ie to install IE6 in my system (there is an installer at the bottom of the article).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>:: RoMa - Member Home ::</title>
<style>
body{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
#pagewidth{min-width:700px;}
#header{position:relative; height:125px; width:100%; min-width:1000px; padding-right:1px;}
#tm_row1{width:100%; min-width:1000px; float:left;}
.image{display:block; padding:0px 0px 0px 0px; float:left;}
</style>
</head>
<body>
<div id="pagewidth" >
<div id="header" >
<!-- Start of Icons -->
<div id="tm_row1">
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
<div class="image"><img src="http://www.windows-icons.com/images/windows-vista-icon.jpg" height="101" /></div>
</div>
<!-- End of Icons -->
</div>
</div>
</body>
</html>