No replies
Fredep57
Fredep57's picture
Offline
newbie
Last seen: 9 years 28 weeks ago
Timezone: GMT-8
Joined: 2010-12-13
Posts: 7
Points: 13

OK, I have a site that is working for me in FF. I tried Chrome and it is OK with one issue.

BUT IE8 in Windows XP looks just fine. BUT in Vista and/or Windows 7 it is really screwed up. Can you help figure what to do to fix it?

Thanks

Oh, if you need the images, let me know I can post them too.
E

<!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" />
<title>Untitled Document</title>
<!--<link rel="stylesheet" type="text/css" /> -->
<style type="text/css">
html, body {
	height:100%;/* needed to base 100% height on something known*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
/*	background-color: #ADA189;  */
	text-align: center;
	padding: 0px;
	max-width: 95%;
	min-width: 60%;
/*	max-width:1200p;
	min-width:700px;  */
	margin:0 auto;
}
 
html {
	overflow:scroll;
background-image: url(Images/saccc5bg.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
}
 
#container {
/*	background-color: #0F0;  */
	width: 95%;
	height: 100%;
	margin:0 auto;
	top: 20px;
	position:relative;
/*	background: #3F6;  */
}
 
* html #container {
	height:100%
}
 
a {
	text-decoration: none;
}
 
#header {
	position:relative;
	width: 55%;
	text-align:center;
	float:left;
	margin-left:155px;
	padding: 0px;
/*	background-color:#FC0; */
}
#monthlyMemberRide {
	position: relative;
	width: 30%;
	text-align: center;
	float:right;
	margin-top: -20px;
	margin-right: -20px;
}
 
#marqueeArea {
	position:relative;
	float:right;
	width: 87%;
	background: #CFC;
	height: auto;
	clear: left;
}
#logoArea {
	position:absolute;
	height: 200px;
	width: 200px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -55px;
	float:left;
}
 
#sidebar1 {
/*	margin-top:140px;  */
	margin-top: -90px;
	margin-left: -10px;
	float: left;
	width: 12%;
/*	background-color: #FF6  */
	z-index:: 1;
}
#mainContentRight {
	position:relative;
	background-color: #6FF;
	width: 22%;
	float: right;
	margin-top: 10px;
}
#mainContentLeft {
	position:relative;
	left:40px;
	float:left;
	background-color: #69F;
	width: 62%;
	margin-top: 10px;
}
 
#mcLeftCol {
	position: relative;
	border: solid 2px black;
	width: 48%;
	height: 100%;
	float: left;
}
 
/*
* html #container #mainContentLeft {
	left: 40px;
}
*/
 
#mcRightCol {
	position: relative;
	border: solid 2px black;
	width: 48%;
	height: 100%;
	float: right;
}
 
/* removing the footer for now since it is causing problems - 1/21/2011
#mFooter {
	margin: auto;
	top: 20px;
	height: 50px;
	width: 80%;
	background-color: #fff;
	text-align: center;
	position: relative;
}
*/
#container:after {/* thank you Erik J - instead of using display table for ie8*/
	clear:both;
	display:block;
	height:1%;
	content:" ";
}
 
#container #header p font em {
	color: #F00;
}
 
/*/----------------------------------------*/
ul.mainNav{
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
  font-family: Trebuchet MS,sans-serif;      
  background-repeat: no-repeat;
  background-position: center top;
  list-style-type: none;        
  list-style-position: outside;   
  text-decoration: none;
  display: inline;
  overflow: auto;
}          
 
ul.mainNav li {
  display: inline;
}
ul.mainNav li a{
   padding-top: 15px !important;
   padding-right:0px  !important;
   padding-bottom:15px !important; 
   padding-left:0px !important; 
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size-adjust: none;
  font-stretch:normal;
  text-decoration: none;
  font-size: 18px;
  color: blue;
  background-image: url(images/ChevySACCCr125x54.gif);  
/*  background-image: url(images/ChevySACCCr100x43.gif);  */  
/*  background-image: url(images/ChevySACCCr75x33.gif);  */
  background-repeat: no-repeat;
  display: list-item;
/*  margin-left: 5px;  
  margin-bottom: 5px;
  margin-top: 0px; */
 background-position: center center; 
  text-align: center;
  top: 15px;
  bottom: 15px;
  padding-left: -20px;
}             
 
ul.mainNav li a:hover,
#PageHome #nav-home,
#PageHistory #nav-history,
#PageOfficers #nav-officers,
#PageSponsors #nav-sponsors,
#PagePictures #nav-pictures,
#PageEvents #nav-events,
#PageNewsletter #nav-newsletter,
#PageLinks #nav-links {
  color: white;
/*  background-image: url(images/SACCC_BG2_125x52.gif);  */
  background-image: url(images/SACCC_BG2_100x42.gif);
  background-repeat: no-repeat;
  background-position: center;  
}
 
/*-----------------------------------------*/
</style>
</head>
 
<body id="PageHome">
<div id="container">
  <div id="logoArea">     <img class="Logo" src="images/SACCCLogo1_200x200.gif" alt="SACCC Logo"/></div>
  <div id="header"><h3><!--mstheme--><font color="#666666">Welcome to our Web Site!<!--mstheme--></font></h3>
    <p align="center"><font size="4"><strong>The <em>Spokane Area Classic Chevy Club</em> is 
    dedicated to the restoration and preservation of the 1955, 1956, and 1957 Chevrolet, including 
    Corvettes and Trucks.</strong></font></p>
    <p align="center">We are a non-profit organization.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; General meetings are 
    open to everyone.&nbsp; <br />Places, dates, and times vary.&nbsp; <br />Annual membership is only $10 per family which includes a 
    monthly newsletter.<br /><br />Ownership of a Tri-Five is not necessary - but is encouraged!</p>
  </div>
  <div id="monthlyMemberRide"><font face="Trebuchet MS, Arial, Helvetica, sans-serif" color="#990000" size="5">Monthly Member Ride</font><br /><img src="images/MembersRides/Henry &amp; Eva Ford's '57 Chevy.jpg" width="200" height="130" alt="Henry &amp; Eva Ford's '57 Chevy" /><br />Henry &amp; Eva's '57 Chevy Custom Pickup</div>
  <div id="marqueeArea"></div>
  <div id="sidebar1">
        <ul class="mainNav">						
          <li class="homePage">
            <a id="nav-home" href="index.html">Home</a>
          </li>	   
          <li class="historyPage">
            <a id="nav-history" href="SACCC_history.html">History</a></li>  
          <li class="sponsorPage">
            <a id="nav-sponsors" href="SACCC_sponsorPage.html">Sponsors</a>
          </li>    					
          <li class="picturePage">
            <a id="nav-pictures" href="SACCC_picturePage.html">Pictures</a>
          </li>	
          <li class="eventPage">
            <a id="nav-events" href="SACCC_eventPage.html">Events</a>
          </li>
          <li>
            <a id="nav-Newsletter" href="SACCC_NewsletterPage.html">Newsletter</a>
          </li>
          <li class="linksPage">
            <a id="nav-links" href="SACCC_linksPage.html">Links</a>
          </li>
    	  <li class="officersPage">
            <a id="nav-officers" href="SACCC_officersPage.html">Officers</a></li>				
 
    </ul>
 
  </div>
  <div id="mainContentLeft"><!--Content for  id "mainContentLeft" Goes Here -->
     <h3><!--mstheme--><font color="#666666">A special thanks to our Main Co-Sponsors!<!--mstheme--></font></h3>
	<a target="_blank" href="http://www.campchevrolet.com/"><img src="images/lithia_logo.gif" width="197" height="37" alt="Lithia Camp Chevrolet" /><br /><font size="4" color="blue"><b>Camp Chevrolet-Spokane</b></font></a><br /><br />
    <a target="_blank" href="http://www.shakeys.com"><img src="images/ShakysPizza2.jpg" width="150" height="72" alt="Shakey's Pizza Spokane" /></a><br /><br />
    <a target="_blank" href="http://spokanevalley.maaco.com"><img src="images/MaacoSpokaneValley.jpg" width="125" height="42" alt="Maaco Spokane Valley" longdesc="http://spokanevalley.maaco.com" /></a><br /><b>Spokane Valley Maaco</b><br />
    <p><i><b> 	For a full list of sponsors, click on the &quot;Sponsors&quot; link on the left <br/> <br/> <font color="#990000" size="3">MANY THANKS TO ALL OUR 
        SPONSORS!!</font></b></i></p>
  </div>
  <div id="mainContentRight"><p>Our favorite Links</p>
  			<a target="_blank" href="http://www.cliffsclassicchevrolet.net/">www.cliffsclassicchevrolet.net</a><br />
            <a target="_blank" href="http://www.trifive.com"><img src="images/TriFive_logo_white.gif" width="735" height="203" alt="Trifive" />www.trifive.com</a><br />
  </div>
</div>
<div id="mFooter"></div>
</body>
</html>