PDA

View Full Version : Browsers not displaying previews correctly


mjclementz
03-15-2009, 11:14 PM
Recently I've run into a problem where some of my pages are not displaying in Preview mode.

They always seem to work perfectly when previewing in Firefox, but IE, Chrome, and Safari do not show certain, seemingly random pages at all. The randomness of this event is compounded by the fact that these pages were all created from the same templates and certain pages render just fine while others don't at all.

Anyone have any ideas as to what may be causing this? I've ran the Validation checker and the Browser compatibility to locate issues but haven't found anything that addresses this. Below is some of the code that I think could POSSIBLY have something to do with it. I left most of it off for the sake of readability. Let me know if more would be prudent.

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>EnvyMyHealth.com Acupuncture/Acupressure Index</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-color: #ECF9FD;
}
.oneColLiqCtr #container {
width: 80%; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtr #mainContent {
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#apDiv1 {
position:absolute;
left:836px;
top:12px;
width:267px;
height:187px;
z-index:1;
}
.style1 {
font-family: "Times New Roman", Times, serif;
font-size: 14pt;
}
#apDiv2 {
position:absolute;
left:167px;
top:20px;
width:734px;
height:62px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:144px;
top:50px;
width:39px;
height:1px;
z-index:1;
}
#apDiv4 {
position:absolute;
left:148px;
top:63px;
width:153px;
height:33px;
z-index:1;
}
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 1em 5em; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #FFFFFF;
background: #6699CC; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: #0066FF;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #193366; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.style3 {font-size: 12pt}
.style5 {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
}
#apDiv5 {
position:absolute;
left:1114px;
top:1347px;
width:145px;
height:255px;
z-index:1;
}
.style6 {
font-family: "Times New Roman", Times, serif;
font-size: 18pt;
font-style: italic;
}
.style7 {font-size: medium}
.style8 {font-family: "Times New Roman", Times, serif}
</style>

</style>
<script src="file:///C|/Users/Valued Customer/Documents/EnvyMyHealth/Templates/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

</head>

<body class="oneColLiqCtr">
<div id="apDiv5">
<iframe src="http://rcm.amazon.com/e/cm?t=envymcom-20&o=1&p=8&l=as1&asins=0553349708&md=10FE9736YVPPT7A0FBG2&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>
<div id="container">
<div id="mainContent">
<p align="right"><img src="file:///C|/Users/Valued Customer/Documents/EnvyMyHealth/EnvyLogolbluegrade.jpg" alt="Envy My Health" width="300" height="73" /> </p>
<p>&nbsp;</p>