LarrySteele
Programmer
I'm trying to be brief as I'm not a fan of writing a dissertation to describe a relatively simple error.
***My company uses IE6*** This is not an option in our company, and it's not an option for this web application.
The html below is from an internal site. I created what can be described as an error landing page. I'm mimicking the site design via style definition. Three rectangles spanning page width at the top and a column spanning height on the left.
Initially I saved this as an ASP (classic) page because this is intended to catch errors on index.asp. So, I named the file index_error.asp for consistency. The odd thing is that the three divs, topside1, 2, and 3, are short. Instead of spanning the whole page, their width is short by 142px - the width of the leftside div.
Today I changed the file to .htm and IE6 had no problem displaying the divs correctly. I am able to open this page in FireFox, and FF displays the page correctly (either ASP or HTM).
It's apparent this is a quirk with IIS/ASP. The fix to this is easy, change the file to .htm and modify the links to the file.
I'm just curious if anyone else has run into this particular quirk and what you did to resolve.
***My company uses IE6*** This is not an option in our company, and it's not an option for this web application.
The html below is from an internal site. I created what can be described as an error landing page. I'm mimicking the site design via style definition. Three rectangles spanning page width at the top and a column spanning height on the left.
Initially I saved this as an ASP (classic) page because this is intended to catch errors on index.asp. So, I named the file index_error.asp for consistency. The odd thing is that the three divs, topside1, 2, and 3, are short. Instead of spanning the whole page, their width is short by 142px - the width of the leftside div.
Today I changed the file to .htm and IE6 had no problem displaying the divs correctly. I am able to open this page in FireFox, and FF displays the page correctly (either ASP or HTM).
It's apparent this is a quirk with IIS/ASP. The fix to this is easy, change the file to .htm and modify the links to the file.
I'm just curious if anyone else has run into this particular quirk and what you did to resolve.
Code:
<html>
<style>
body {
font-size: 9pt;
background-color: #e4e9e4;
font-family: arial, sans-serif;
}
.topside1 {
position: absolute;
width: 100%;
top: 0px;
left: 0px;
height: 30px;
background-color: #cecece;
}
.topside2 {
position: absolute;
width: 100%;
top: 30px;
left: 0px;
height: 35px;
background-color: #066;
}
.topside3 {
position: absolute;
width: 100%;
top: 65px;
left: 0px;
height: 35px;
background-color: #000;
}
.leftside {
position: absolute;
width: 142px;
top: 65px;
left: 0px;
height: 100%;
background-color: #066;
}
.body_text {
padding-top: 140px;
padding-left: 160px;
}
</style>
<body>
<div class="topside1">
</div>
<div class="topside2">
</div>
<div class="topside3">
</div>
<div class="leftside">
</div>
<div class="body_text">
<h1>Sample Header 1 Text</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in nulla libero.
</div>
</body>
</html>