VS2005 web not displaying properly in IE7


S

Steve

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&amp;t=633324135346850764"
type="text/javascript"></script>


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

<!--

TOP INFORMTION

-->
<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>
<!--

TOP NAV

-->
<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&amp;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>
&nbsp;</div>
</div>
<a id="maincontent"></a>


<!--

Title Under Menu

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

CONTENT SIDE 1 COLUMN

-->
<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&amp;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>
<!--

CENTER COLUMN

-->
<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>
&nbsp;<img src="images/SAM.jpg" alt="" style="width:
304px"/>
</h3>
<p>
&nbsp;<strong><span style="font-size:
10pt">GPos</span></strong></p>
<h3>
<img src="images/GPos.jpg" alt="images/GPos.jpg"
style="width: 304px"/>
&nbsp;</h3>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
<p>
&nbsp;</p>
</div>
<!-- END MAIN COLUMN -->
<!--

CONTENT SIDE 2 COLUMN

-->
<div id="content-side2-three-column" style="height: 528px; width:
176px;">
&nbsp;<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>



<!--

FOOTER

-->
<div id="footer">
Copyright &copy; 2006 Osmont Technologies. <a
href="LegalNotice.aspx">Terms of Use</a>
<div>
&nbsp;</div>
</div>
<div id="footer-sub">
<a href="#ctl00_Menu2_SkipLink"><img alt="Skip Navigation Links"
src="/WebResource.axd?d=V1alHvDoblz9Jp2g_ZVIig2&amp;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
 
Ad

Advertisements

M

Mark Rae [MVP]

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..."
 
S

Steve

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
 
Ad

Advertisements

M

Mark Rae [MVP]

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...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top