IE8 Displays Forum poorly

Started by jmille44, June 20, 2011, 10:52:54 AM

Previous topic - Next topic
Print
Go Down Pages1
User actions

jmille44

June 20, 2011, 10:52:54 AM
All other browsers display my forum great. 

IE8 just doesn't show up properly.  Anyone know how to fix this?
If I use the normal subs.php file it displays just fine.

I am using global headers and footers and this seems to mess up the display for IE8.

Using the latest 2 GM release.

vintagezodiacs.com/zforums/index.php

Thanks

mashby

#1
June 20, 2011, 11:17:51 AM
Mind providing the code you are including in the header and the footer areas?
Always be a little kinder than necessary.
- James M. Barrie

jmille44

#2
June 20, 2011, 11:24:06 AM
All code was done in Dreamweaver, I am sure I have some stuff in there that I should not.

Header code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="A Vintage Zodiac Swiss Watch Dealer - Offering information, pictures, and values on most Zodiac models. Buying and selling Zodiac watches and other vintage timepieces.">
<meta name="keywords" content="Astrographic, Super Sea Wolf, Seawolf, GMT, Omega, Seamaster, Zodiac Watches,zodiac watches,zodiac wristwatches,ZODIAC WATCHES,zodiac watches,mechanical,manual wind,Automatic wind,Swiss Watch,hand wound,vintage watches,collectable watches,antique watches,windup,wind-up watches,automatic watches,Hamilton,Elgin,bulova,rolex,bands, watch collecting, watch prices,watch history, watches for sale,Zodiac bands, watches, wrist watches, wristwatches, Vietnam, Viet Nam, Verteran, Army, Marine Corps, Marines">
<meta name="verify-v1" content="4SgrRek3UhZxQIXwBsu0Nv2Fe4XXHL9bCLtDxrvzNKE=" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Vintage Zodiacs</title>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #FFFFFF;
   background-image: url(../background.jpg);
}
.style2 {color: #000000}
-->
</style>
<script type="text/javascript" src="../p7pmm/p7PMMscripts.js"></script>
<!-- TemplateParam name="OptionalRegionBar" type="boolean" value="true" -->
<link href="../p7pmm/p7PMMh02.css" rel="stylesheet" type="text/css" media="all">
</head>

<body>
<table width="1106" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top"><div align="left"><img src="../vintagezodiaclogo.jpg" alt="Vintage Zodiacs Logo" name="VintageZodiacsLogo" width="1106" height="155" border="0" id="VintageZodiacsLogo"></div></td>
  </tr>
  <tr>
    <td><table width="1106" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td width="1106" height="50" valign="bottom"><div id="p7PMM_1" class="p7PMMh02 p7PMMnoscript">
          <ul class="p7PMM">
            <li><a href="../index.php">Home</a></li>
            <li><a href="../company.php">Information</a>
              <div>
                <ul>
                  <li><a href="../../company.php">Company Synopsis</a></li>
                  <li><a href="../../history.php">History</a></li>
                  <li><a href="../../advertisements.php">Zodiac Advertisements</a></li>
                  <li><a href="../../TheZodiacAutographic.php">The Zodiac Autographic</a></li>
                  <li><a href="../../gallery/SeaWolf.php">The Zodiac Sea Wolf</a></li>
                  <li><a href="../../currenthistory.php">Current History</a></li>
                  <li><a href="../../memoriam.php">Brand Creator's Memoriam</a></li>
                  </ul>
                </div>
              </li>
            <li><a href="../../gallery/astrographic.php">Gallery</a>
              <div>
                <ul>
                  <li><a href="#">For Reference Only - No Gallery watches are for sale!!! __________________</a></li>
                  <li><a href="../../gallery/astrographic.php">Astrographic</a></li>
                  <li><a href="../../gallery/chronographs.php">Chronograph</a></li>
                  <li><a href="../../gallery/corsair.php">Corsair</a></li>
                  <li><a href="../../gallery/datographic.php">Datographic</a></li>
                  <li><a href=../"../gallery/electric.php">Electric</a></li>
                  <li><a href="../../gallery/gmt.php">GMT</a></li>
                  <li><a href="../../gallery/guardsman.php">Guardsman</a></li>
                  <li><a href="../../gallery/hermetic.php">Hermetic</a></li>
                  <li><a href="../../gallery/jet.php">Jet 24hr</a></li>
                  <li><a href="../../gallery/MoonandCalendars.php">Moon and Calendars</a></li>
                  <li><a href="../../gallery/olympos.php">Olympos</a></li>
                  <li><a href="../../gallery/PowerReserve.php">Power Reserve</a></li>
                  <li><a href="../../gallery/Rotographic.php">Rotographic</a></li>
                  <li><a href="../../gallery/SeaWolf.php">Sea Wolf</a></li>
                  <li><a href="../../gallery/SST.php">SST</a></li>
                  <li><a href="../../gallery/TanksSquare.php">Tanks/Square</a></li>
                  <li><a href="../../gallery/NeverWere.php">Zodiacs that never were</a></li>
                  <li><a href="../../gallery/Miscellaneous.php">Miscellaneous</a></li>
                  </ul>
                </div>
              </li>
            <li><a href="../MyWatches.php">Watch Stuff</a>
              <div>
                <ul>
                  <li><a href="../../MyWatches.php">My Watches</a></li>
                  <li><a href="../../watchstories.php">Watch Stories</a></li>
                  </ul>
                </div>
              </li>
            <li><a href="#">For Sale</a>
              <div>
                <ul>
                  <li><a href="http://www.vintagezodiacs.com/zforums/index.php/board,2.0.html">Member Sales</a></li>
                  <li><a href="http://www.vintagezodiacs.com/zforums/index.php/board,11.0.html">VintageZodiacs.com Sales</a></li>
                  </ul>
                </div>
              </li>
            <li><a href="../../watchrepair.php">Watch Repair</a></li>
            <li><a href="../../zforums/">Forum</a></li>
            </ul>
          <div class="p7pmmclearfloat"> </div>
          <!--[if lte IE 6]>
<style>.p7PMMh02 ul ul li {float:left; clear: both; width: 100%;}.p7PMMh02 {text-align: left;}.p7PMMh02, .p7PMMh02 ul ul a {zoom: 1;}</style>
<![endif]-->
          <!--[if IE 5]>
<style>.p7PMMh02, .p7PMMh02 ul ul a {height: 1%; overflow: visible !important;} .p7PMMh02 {width: 100%;}</style>
<![endif]-->
          <!--[if IE 7]>
<style>.p7PMMh02, .p7PMMh02 a{zoom:1;}.p7PMMh02 ul ul li{float:left;clear:both;width:100%;}</style>
<![endif]-->
          <script type="text/javascript">
<!--
P7_PMMop('p7PMM_1',1,0,-5,-5,0,0,0,1,1,3,1,1,0,0,0);
//-->
          </script>
      </div></td>
        </tr>
      <tr>
        <td height="25" valign="middle" background="../bar.jpg" bgcolor="#000000"><!-- TemplateBeginEditable name="BarEditRegion" --><!-- TemplateEndEditable --></td>
      </tr>
    </table></td>
  </tr>
</table>





Footer Code:

</td>
      </tr>
      <tr>
        <td height="27" colspan="2" background="../bar3.jpg"> </td>
      </tr>
      <tr>
        <td colspan="2"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
          <tr>
            <td class="style5"><p>Copyright©  2011, All Rights Reserved. This site may not be reproduced.<br>
              <span class="style1 style4"><strong><a href="../advertising.php">Advertising Information</a></strong>  |  </span><strong><a href="../privacypolicy.php">Privacy Policy</a></strong><span class="style1 style4">  |  <strong><a href="../aboutus.php">About Us</a></strong></span>     <a href=http://varietywatches.com><strong>Discount Watches</strong></a></p></td>
            <td width="15%" rowspan="3" valign="top"><div align="right"><img src="../zSign.jpg" alt="Zodiac Sign" width="148" height="90" hspace="10" vspace="5" border="0" align="top"></div></td>
          </tr>
          <tr>
            <td width="85%" nowrap><p><span class="style5">Visit the Zodiac manufacture's web site a</span><span class="style5">t</span><span class="style1 style2"><span class="style4"> <a href="http://www.zodiacwatches.com" target="_blank">www.zodiacwatches.com</a></span></span> <span class="style5">for all your post-1990 Zodiac needs</span>.<br> 
              <span class="style5"><strong>This web site is not affiliated with Fossil, Inc, current Zodiac brand owners</strong></span></p></td>
          </tr>
          <tr>
            <td><!-- Start of StatCounter Code -->
                <script type="text/javascript">
var sc_project=4558823;
var sc_invisible=1;
var sc_partition=34;
var sc_click_stat=1;
var sc_security="132ba861";
          </script>
                <script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script>
                <noscript>
                  <div
class="statcounter"><a title="myspace visitor counter"
href="http://www.statcounter.com/myspace/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/4558823/0/132ba861/1/"
alt="myspace visitor counter" ></a></div>
                  </noscript>
                <!-- End of StatCounter Code --></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
<!-- Start Quantcast tag -->
<script type="text/javascript">
_qoptions={
qacct:"p-c15jMIZBtIWPY"
};
</script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<noscript>
<img src="http://pixel.quantserve.com/pixel/p-c15jMIZBtIWPY.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/>
</noscript>

mashby

#3
June 20, 2011, 11:29:57 AM
Curious to see what your site would look like if you removed this part from the Header:
Code Select
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd [nofollow]">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="A Vintage Zodiac Swiss Watch Dealer - Offering information, pictures, and values on most Zodiac models. Buying and selling Zodiac watches and other vintage timepieces.">
<meta name="keywords" content="Astrographic, Super Sea Wolf, Seawolf, GMT, Omega, Seamaster, Zodiac Watches,zodiac watches,zodiac wristwatches,ZODIAC WATCHES,zodiac watches,mechanical,manual wind,Automatic wind,Swiss Watch,hand wound,vintage watches,collectable watches,antique watches,windup,wind-up watches,automatic watches,Hamilton,Elgin,bulova,rolex,bands, watch collecting, watch prices,watch history, watches for sale,Zodiac bands, watches, wrist watches, wristwatches, Vietnam, Viet Nam, Verteran, Army, Marine Corps, Marines">
<meta name="verify-v1" content="4SgrRek3UhZxQIXwBsu0Nv2Fe4XXHL9bCLtDxrvzNKE=" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Vintage Zodiacs</title>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #FFFFFF;
   background-image: url(../background.jpg);
}
.style2 {color: #000000}
-->
</style>
<script type="text/javascript" src="../p7pmm/p7PMMscripts.js"></script>
<!-- TemplateParam name="OptionalRegionBar" type="boolean" value="true" -->
<link href="../p7pmm/p7PMMh02.css" rel="stylesheet" type="text/css" media="all">
</head>

<body>You're redeclaring <html><head> and <body> when it has already been declared by the index.template.php file for your theme.
Always be a little kinder than necessary.
- James M. Barrie

jmille44

#4
June 20, 2011, 11:38:16 AM
Ok, I took out that stuff and it still looks bad in IE8.
Here is my header now:

</style>
<script type="text/javascript" src="../p7pmm/p7PMMscripts.js"></script>
<!-- TemplateParam name="OptionalRegionBar" type="boolean" value="true" -->
<link href="../p7pmm/p7PMMh02.css" rel="stylesheet" type="text/css" media="all">
</head>

<table width="1106" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top"><div align="left"><img src="../vintagezodiaclogo.jpg" alt="Vintage Zodiacs Logo" name="VintageZodiacsLogo" width="1106" height="155" border="0" id="VintageZodiacsLogo"></div></td>
  </tr>
  <tr>
    <td><table width="1106" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td width="1106" height="50" valign="bottom"><div id="p7PMM_1" class="p7PMMh02 p7PMMnoscript">
          <ul class="p7PMM">
            <li><a href="../index.php">Home</a></li>
            <li><a href="../company.php">Information</a>
              <div>
                <ul>
                  <li><a href="../../company.php">Company Synopsis</a></li>
                  <li><a href="../../history.php">History</a></li>
                  <li><a href="../../advertisements.php">Zodiac Advertisements</a></li>
                  <li><a href="../../TheZodiacAutographic.php">The Zodiac Autographic</a></li>
                  <li><a href="../../gallery/SeaWolf.php">The Zodiac Sea Wolf</a></li>
                  <li><a href="../../currenthistory.php">Current History</a></li>
                  <li><a href="../../memoriam.php">Brand Creator's Memoriam</a></li>
                  </ul>
                </div>
              </li>
            <li><a href="../../gallery/astrographic.php">Gallery</a>
              <div>
                <ul>
                  <li><a href="#">For Reference Only - No Gallery watches are for sale!!! __________________</a></li>
                  <li><a href="../../gallery/astrographic.php">Astrographic</a></li>
                  <li><a href="../../gallery/chronographs.php">Chronograph</a></li>
                  <li><a href="../../gallery/corsair.php">Corsair</a></li>
                  <li><a href="../../gallery/datographic.php">Datographic</a></li>
                  <li><a href=../"../gallery/electric.php">Electric</a></li>
                  <li><a href="../../gallery/gmt.php">GMT</a></li>
                  <li><a href="../../gallery/guardsman.php">Guardsman</a></li>
                  <li><a href="../../gallery/hermetic.php">Hermetic</a></li>
                  <li><a href="../../gallery/jet.php">Jet 24hr</a></li>
                  <li><a href="../../gallery/MoonandCalendars.php">Moon and Calendars</a></li>
                  <li><a href="../../gallery/olympos.php">Olympos</a></li>
                  <li><a href="../../gallery/PowerReserve.php">Power Reserve</a></li>
                  <li><a href="../../gallery/Rotographic.php">Rotographic</a></li>
                  <li><a href="../../gallery/SeaWolf.php">Sea Wolf</a></li>
                  <li><a href="../../gallery/SST.php">SST</a></li>
                  <li><a href="../../gallery/TanksSquare.php">Tanks/Square</a></li>
                  <li><a href="../../gallery/NeverWere.php">Zodiacs that never were</a></li>
                  <li><a href="../../gallery/Miscellaneous.php">Miscellaneous</a></li>
                  </ul>
                </div>
              </li>
            <li><a href="../MyWatches.php">Watch Stuff</a>
              <div>
                <ul>
                  <li><a href="../../MyWatches.php">My Watches</a></li>
                  <li><a href="../../watchstories.php">Watch Stories</a></li>
                  </ul>
                </div>
              </li>
            <li><a href="#">For Sale</a>
              <div>
                <ul>
                  <li><a href="http://www.vintagezodiacs.com/zforums/index.php/board,2.0.html">Member Sales</a></li>
                  <li><a href="http://www.vintagezodiacs.com/zforums/index.php/board,11.0.html">VintageZodiacs.com Sales</a></li>
                  </ul>
                </div>
              </li>
            <li><a href="../../watchrepair.php">Watch Repair</a></li>
            <li><a href="../../zforums/">Forum</a></li>
            </ul>
          <div class="p7pmmclearfloat"> </div>
          <!--[if lte IE 6]>
<style>.p7PMMh02 ul ul li {float:left; clear: both; width: 100%;}.p7PMMh02 {text-align: left;}.p7PMMh02, .p7PMMh02 ul ul a {zoom: 1;}</style>
<![endif]-->
          <!--[if IE 5]>
<style>.p7PMMh02, .p7PMMh02 ul ul a {height: 1%; overflow: visible !important;} .p7PMMh02 {width: 100%;}</style>
<![endif]-->
          <!--[if IE 7]>
<style>.p7PMMh02, .p7PMMh02 a{zoom:1;}.p7PMMh02 ul ul li{float:left;clear:both;width:100%;}</style>
<![endif]-->
          <script type="text/javascript">
<!--
P7_PMMop('p7PMM_1',1,0,-5,-5,0,0,0,1,1,3,1,1,0,0,0);
//-->
          </script>
      </div></td>
        </tr>
      <tr>
        <td height="25" valign="middle" background="../bar.jpg" bgcolor="#000000"><!-- TemplateBeginEditable name="BarEditRegion" --><!-- TemplateEndEditable --></td>
      </tr>
    </table></td>
  </tr>
</table>

mashby

#5
June 20, 2011, 12:29:02 PM
Try removing the </style> and </head> lines. You should also consider moving this line:
Code Select
<link href="../p7pmm/p7PMMh02.css" rel="stylesheet" type="text/css" media="all">to the <head> portion of your index.template.php file.
Always be a little kinder than necessary.
- James M. Barrie

jmille44

#6
June 27, 2011, 11:42:08 PM
Strange, when I take all the header code out, the page still displays wrong in IE8.

When I take the Global Headers code out of Subs.php, the page displays fine again in IE8.

I uninstalled GH, re-installed it and same issue.

I posted this in GH support forum, so hopefully someone will have seen this before.
Search has not found a similar case.

Thanks for giving me some feedback!
Print
Go Up Pages1
User actions
Advertisement: