VS2005 web not displaying properly in IE7

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Steve - 27 Dec 2007 02:09 GMT

Hi All

I have a website www.osmonttechnologies.com and the content pages are not
displaying properly on IE7

The master page footer is being overlapped by the contents pages on the
products page and others

I have run the pages on validator.w3.org and all pass OK

'View source' code below

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1"><meta http-equiv="Content-Type" content="text/html"
/><meta name="generator" content="Microsoft Visual Studio, see
http://msdn.microsoft.com/vstudio/" /><meta name="Keywords" content="SAM,
GPos" /><meta name="Description" content="About Osmont Technologies., it's
Products, Support and company" /><meta name="copyright" content="Copyright
(c) 2006 Osmont Technologies. All rights reserved." /><link
href="App_Themes/Standard/css-content.css" rel="stylesheet" type="text/css"
media="interactive, braille, emboss, handheld, projection, screen, tty, tv"
/><link rel="shortcut icon" href="images/favicon.ico" /><title>
Osmont Technologies: Products
</title><link href="App_Themes/Standard/css-content.css" type="text/css"
rel="stylesheet" /><style type="text/css">
.ctl00_Menu1_0 {
background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px;
}
.ctl00_Menu1_1 { text-decoration:none; }
.ctl00_Menu1_2 { width:400px; }
.ctl00_Menu1_3 { border-style:none; }
.ctl00_Menu1_4 { }
.ctl00_Menu2_0 {
background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px;
}
.ctl00_Menu2_1 { text-decoration:none; }
.ctl00_Menu2_2 { width:350px; }

</style></head>
<body>
<form name="aspnetForm" method="post" action="Products.aspx"
id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="/wEPDwUJNDgxNzkwMzQ1D2QWAmYPZBYCAgMPZBYEAgMPPCsADQIADxYCHgtfIURhdGFCb3VuZGdkDBQrAAcFFzA6MCwwOjEsMDoyLDA6MywwOjQsMDo1FCsAAhYQHgRUZXh0BQRIb21lHgVWYWx1ZQUESG9tZR4LTmF2aWdhdGVVcmwFDS9EZWZhdWx0LmFzcHgeB1Rvb2xUaXAFCUhvbWUgUGFnZR4HRW5hYmxlZGceClNlbGVjdGFibGVnHghEYXRhUGF0aAUNL2RlZmF1bHQuYXNweB4JRGF0YUJvdW5kZ2QUKwACFhIfAgUIUHJvZHVjdHMfCGceCFNlbGVjdGVkZx8BBQhQcm9kdWN0cx8DBQ4vUHJvZHVjdHMuYXNweB8FZx8GZx8EBQhQcm9kdWN0cx8HBQ4vcHJvZHVjdHMuYXNweGQUKwACFhAfAQUISGFyZHdhcmUfAgUISGFyZHdhcmUfAwUOL0hhcmR3YXJlLmFzcHgfBAUISGFyZHdhcmUfBWcfBmcfBwUOL2hhcmR3YXJlLmFzcHgfCGdkFCsAAhYQHwEFB1N1cHBvcnQfAgUHU3VwcG9ydB8DBQ0vU3VwcG9ydC5hc3B4HwQFEUJ1c2luZXNzIE92ZXJ2aWV3HwVnHwZnHwcFDS9zdXBwb3J0LmFzcHgfCGdkFCsAAhYQHwEFCVJlc2VsbGVycx8CBQlSZXNlbGxlcnMfAwUPL1Jlc2VsbGVycy5hc3B4HwQFFFJlc2VsbGVyIEluZm9ybWF0aW9uHwVnHwZnHwcFDy9yZXNlbGxlcnMuYXNweB8IZ2QUKwACFhAfAQUHQ29udGFjdB8CBQdDb250YWN0HwMFDS9Db250YWN0LmFzcHgfBAUTQ29udGFjdCBJbmZvcm1hdGlvbh8FZx8GZx8HBQ0vY29udGFjdC5hc3B4HwhnZGQCBw88KwANAgAPFgIfAGdkDBQrAAcFFzA6MCwwOjEsMDoyLDA6MywwOjQsMDo1FCsAAhYQHwEFBEhvbWUfAgUESG9tZR8DBQ0vRGVmYXVsdC5hc3B4HwQFCUhvbWUgUGFnZR8FZx8GZx8HBQ0vZGVmYXVsdC5hc3B4HwhnZBQrAAIWEh8CBQhQcm9kdWN0cx8IZx8JZx8BBQhQcm9kdWN0cx8DBQ4vUHJvZHVjdHMuYXNweB8FZx8GZx8EBQhQcm9kdWN0cx8HBQ4vcHJvZHVjdHMuYXNweGQUKwACFhAfAQUISGFyZHdhcmUfAgUISGFyZHdhcmUfAwUOL0hhcmR3YXJlLmFzcHgfBAUISGFyZHdhcmUfBWcfBmcfBwUOL2hhcmR3YXJlLmFzcHgfCGdkFCsAAhYQHwEFB1N1cHBvcnQfAgUHU3VwcG9ydB8DBQ0vU3VwcG9ydC5hc3B4HwQFEUJ1c2luZXNzIE92ZXJ2aWV3HwVnHwZnHwcFDS9zdXBwb3J0LmFzcHgfCGdkFCsAAhYQHwEFCVJlc2VsbGVycx8CBQlSZXNlbGxlcnMfAwUPL1Jlc2VsbGVycy5hc3B4HwQFFFJlc2VsbGVyIEluZm9ybWF0aW9uHwVnHwZnHwcFDy9yZXNlbGxlcnMuYXNweB8IZ2QUKwACFhAfAQUHQ29udGFjdB8CBQdDb250YWN0HwMFDS9Db250YWN0LmFzcHgfBAUTQ29udGFjdCBJbmZvcm1hdGlvbh8FZx8GZx8HBQ0vY29udGFjdC5hc3B4HwhnZGQYAwUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgQFJmN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkSW1hZ2VCdXR0b24xBSZjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJEltYWdlQnV0dG9uMgUmY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRJbWFnZUJ1dHRvbjMFJmN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkSW1hZ2VCdXR0b240BQtjdGwwMCRNZW51Mg8PZAUIUHJvZHVjdHNkBQtjdGwwMCRNZW51MQ8PZAUIUHJvZHVjdHNkkPmyU3uyGc0J2M9fkN6qXkiK50o="
/>
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>

<script
src="/WebResource.axd?d=Dm1i9_9UHHjytvk_Z74dqw2&t=633324135346850764"
type="text/javascript"></script>

<script
src="/WebResource.axd?d=Mv8_mWzpNTeNOPLDMFd4CQ2&t=633324135346850764"
type="text/javascript"></script>


<div id="top-information">
<div id="logo">
<a href="Default.aspx">Osmont Technologies.</a></div>
<div id="top-information-home">
<a href="Default.aspx">Home</a></div>
<div id="top-information-phone">
</div>
</div>

<div class="none"><a href="#maincontent">skip to the main content
area of this page</a></div>
<div id="nav-main">
<a href="#ctl00_Menu1_SkipLink"><img alt="Skip Navigation
Links"
src="/WebResource.axd?d=V1alHvDoblz9Jp2g_ZVIig2&t=633324135346850764"
width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_Menu1"
class="menu-main ctl00_Menu1_2" cellpadding="0" cellspacing="0" border="0">
<tr>
<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Home Page" id="ctl00_Menu1n0"><table
cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu1_1"
href="/Default.aspx">Home</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Products" id="ctl00_Menu1n1"><table
class="StaticSelectedStyle ctl00_Menu1_4" cellpadding="0" cellspacing="0"
border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu1_1
StaticSelectedStyle ctl00_Menu1_3" href="/Products.aspx"
style="border-style:none;font-size:1em;">Products</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Hardware" id="ctl00_Menu1n2"><table
cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu1_1"
href="/Hardware.aspx">Hardware</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Business Overview" id="ctl00_Menu1n3"><table
cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu1_1"
href="/Support.aspx">Support</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Reseller Information"
id="ctl00_Menu1n4"><table cellpadding="0" cellspacing="0" border="0"
width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu1_1"
href="/Resellers.aspx">Resellers</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Contact Information"
id="ctl00_Menu1n5"><table cellpadding="0" cellspacing="0" border="0"
width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu1_1"
href="/Contact.aspx">Contact</a></td>
</tr>
</table></td>
</tr>
</table><a id="ctl00_Menu1_SkipLink"></a>
<div>
 </div>
</div>
<a id="maincontent"></a>


<div id="pagetitle">Products</div>
<div id="content-container-three-column" style="right: 0px; top: 0px">

<div id="content-side1-three-column" style="height: 232px">
<div id="Div1">
<h2>
<a href="Products.aspx">All Products</a></h2>
<a
href="#ctl00_ContentPlaceHolder1_TreeViewCategories_SkipLink"><img alt="Skip
Navigation Links."
src="/WebResource.axd?d=DG0qRgorI7Dx0XLD9Bertw2&t=632961256778300473"
width="0" height="0" style="border-width:0px;" /></a><div
id="ctl00_ContentPlaceHolder1_TreeViewCategories" class="TreeView">
<table cellpadding="0" cellspacing="0" style="border-width:0;">
<tr>
<td></td><td><a href="SAM.aspx" >Salon Applications Manager</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" style="border-width:0;">
<tr>
<td></td><td> <a href="GPos.aspx">GPos</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" style="border-width:0;">
<tr>
<td></td><td> <a href="MemberPages/Demos.aspx" >Downloads</a></td>
</tr>
</table>
</div>
<br />
<strong><span style="color: #0000ff">Select your
Business Type
for Industry specific
details</span></strong><br />
<input type="image"
name="ctl00$ContentPlaceHolder1$ImageButton1"
id="ctl00_ContentPlaceHolder1_ImageButton1" src="images/178449_9641Web.jpg"
style="height:116px;width:144px;border-width:0px;" /><br />
<table cellpadding="0" cellspacing="0"
style="border-width:0;">
<tr>
<td style="height: 16px">
</td>
</tr>
</table>
<input type="image"
name="ctl00$ContentPlaceHolder1$ImageButton2"
id="ctl00_ContentPlaceHolder1_ImageButton2" src="images/279142_5919Web.jpg"
style="height:116px;width:144px;border-width:0px;" /><br />
<br />
<input type="image"
name="ctl00$ContentPlaceHolder1$ImageButton3"
id="ctl00_ContentPlaceHolder1_ImageButton3"
src="images/533691_73935145Web.jpg"
style="height:116px;width:144px;border-width:0px;" /><br />
<br />
<input type="image"
name="ctl00$ContentPlaceHolder1$ImageButton4"
id="ctl00_ContentPlaceHolder1_ImageButton4"
src="images/iStock_000001194779LargeWeb.jpg"
style="height:224px;width:144px;border-width:0px;" /><br />
</div>
</div>

<div id="content-main-three-column" style="height: 240px; width:
328px;">
<span id="heading">Products<br />
</span>
<hr />
<strong><span style="font-size: 10pt">Salon Applications Manager
(SAM)</span><br />
</strong>
<p>
</p>
<h3>
 <img src="images/SAM.jpg" alt="" style="width:
304px"/>
</h3>
<p>
 <strong><span style="font-size:
10pt">GPos</span></strong></p>
<h3>
<img src="images/GPos.jpg" alt="images/GPos.jpg"
style="width: 304px"/>
 </h3>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
</div>


<div id="content-side2-three-column" style="height: 528px; width:
176px;">
 <br />
<h3 class="small">
<a id="ctl00_ContentPlaceHolder1_HyperLink1">Our customers
rave about our products</a></h3>
<strong><span style="font-size: 1.2em">
<br />
<br />
SAM</span></strong><span style="font-size: 8pt"><span
lang="EN-AU" style="font-size: 1.2em; color: #000000;
font-family: 'Times New Roman'">©</span><br />
</span>Appointments and Point of Sale program suited to the
Hairdresser, Spa, Salon
industries where an easy to use graphical appointment calender
is important<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<strong><span style="font-size: 1.2em">GPos</span></strong><span
style="font-size: 1.2em;
color: #000000; font-family: Times New Roman">©</span><br />
Highly configurable Point of sale program catering to a large
range of business
types from General Retail outlets to Restaurants, Pubs and
Cafes<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>

</div>


<div id="footer">
Copyright © 2006 Osmont Technologies. <a
href="LegalNotice.aspx">Terms of Use</a>
<div>
 </div>
</div>
<div id="footer-sub">
<a href="#ctl00_Menu2_SkipLink"><img alt="Skip Navigation Links"
src="/WebResource.axd?d=V1alHvDoblz9Jp2g_ZVIig2&t=633324135346850764"
width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_Menu2"
class="menu-main ctl00_Menu2_2" cellpadding="0" cellspacing="0" border="0">
<tr>
<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Home Page" id="ctl00_Menu2n0"><table
cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu2_1"
href="/Default.aspx">Home</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Products" id="ctl00_Menu2n1"><table
cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu2_1"
href="/Products.aspx">Products</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Hardware" id="ctl00_Menu2n2"><table
cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu2_1"
href="/Hardware.aspx">Hardware</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Business Overview" id="ctl00_Menu2n3"><table
cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu2_1"
href="/Support.aspx">Support</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Reseller Information"
id="ctl00_Menu2n4"><table cellpadding="0" cellspacing="0" border="0"
width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu2_1"
href="/Resellers.aspx">Resellers</a></td>
</tr>
</table></td><td style="width:3px;"></td><td
onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)"
onkeyup="Menu_Key(this)" title="Contact Information"
id="ctl00_Menu2n5"><table cellpadding="0" cellspacing="0" border="0"
width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu2_1"
href="/Contact.aspx">Contact</a></td>
</tr>
</table></td>
</tr>
</table><a id="ctl00_Menu2_SkipLink"></a>
</div>

<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION"
value="/wEWBQLlts2vCAK9vIn8DAK9vI38DAK9vJH8DAK9vJX8DB+KKkeuhNv00cFZZnbH0DDLVm4W"
/>
</div>

<script type="text/javascript">
//<![CDATA[
var ctl00_Menu1_Data = new Object();
ctl00_Menu1_Data.disappearAfter = 500;
ctl00_Menu1_Data.horizontalOffset = 0;
ctl00_Menu1_Data.verticalOffset = 0;
var ctl00_Menu2_Data = new Object();
ctl00_Menu2_Data.disappearAfter = 500;
ctl00_Menu2_Data.horizontalOffset = 0;
ctl00_Menu2_Data.verticalOffset = 0;
//]]>
</script>
</form>
</body>
</html>

Any ideas

Regards
Steve

Reply to this Message

Mark Rae [MVP] - 27 Dec 2007 03:32 GMT

> I have a website www.osmonttechnologies.com and the content pages are not
> displaying properly on IE7
>
> The master page footer is being overlapped by the contents pages on the
> products page and others

> Any ideas

The main problem seems to be that you are hard-coding the height of the DIV
which has the ID e.g. of content-container-two-column to 96px

I went to the Hardware.aspx page and, using the IE Dev Toolbar, set the
height of the DIV to 100% and all was well.

Also, none of your pages appears to have a title - i.e. they show as
Untitled Page in the browser.

And, no disrepect intended, but you *really* need to get your content
proofed by a native English speaker, e.g.

"Well its time to take the step"
"Because when your away..."
"...so you can not miss the customers special request."
"Full fill customer special requests..."

Signature

Mark Rae
ASP.NET MVP
http://www.markrae.net

Reply to this Message

Steve - 27 Dec 2007 06:40 GMT

Hi Mark

Thanks for the quick response

You were spot on with the container heights

I thank you for your comment, re the content grammar and spelling and no
disrespect was taken
The embarrassing thing is that myself and my business partner, who authored
the text, are Australians

I copied and pasted his text from a MS Word document and never proof read it

Regards
Steve

>> I have a website www.osmonttechnologies.com and the content pages are not
>> displaying properly on IE7
[quoted text clipped - 20 lines]
> "...so you can not miss the customers special request."
> "Full fill customer special requests..."

Reply to this Message

Mark Rae [MVP] - 27 Dec 2007 07:15 GMT

> You were spot on with the container heights

Cool.

> I copied and pasted his text from a MS Word document and never proof read
> it

The errors seem to fall into four main categories:

1) Basic spelling e.g. 'quiet' instead of 'quite', its / it's, your / you're
etc

2) Really weird and inconsistent use of capitalisation e.g. "Our Products
are designed to cover a wide range of Businesses, from Restaurants, cafes,
Hotels, bars to Car Wreckers, Hairdressers, Beauty Salons etc"

3) (Missing) punctuation e.g. "What worked best the yellow pages, local
paper, The editorial you had done, the letter drop in your area."

4) Incomplete sentences e.g. "Ah! you wanted stock control that's extra.",
"Without fail.", "If so by email or SMS.", "manages your appointments and
confirms them for you with the press of a button."

You might also want to consider a consistent look and feel throughout the
whole site. E.g., the three images on the home page aren't aligned (maybe
they're not supposed to be, but it does look as if they should be), the
different styles on the Reseller and Contact pages, etc...

The Terms and Conditions page should be removed until it's got real text in
it - look at the title of that page...

The "validation" behind the contact submission pages is woefully inadequate,
e.g. the only requirement for the email field seems to be that it contains
the '@' character i.e. if you just enter the '@' character and nothing else
in the email field, it will pass validation...

Luckily, it's a small site, so would not take a professional proofer /
tester very long to fix. However, I would strongly advise you to take the
site down until you've fixed the above as, in its current state, it gives an
incredibly bad impression of your company and its products...

Signature

Mark Rae
ASP.NET MVP
http://www.markrae.net

Reply to this Message

VS2005 web not displaying properly in IE7

Free Magazines