4 replies [Last post]
Eitan88
Offline
newbie
San Diego
Last seen: 12 years 33 weeks ago
San Diego
Timezone: GMT-8
Joined: 2009-05-19
Posts: 5
Points: 4

Hi Guys,

This is alot of code, and i appolagize for that, but i just cant figure this one out, Site seems to work fine in all new browers, even safari, just not working in IE7 or earlier. If you go to homepage, and click on any links on the side like trasnfer or new years eve, or brewery tours, the text section appears below the nav bar left.... This only happens in IE7 or if you try compatability mode in ie8... Any pointers on my code are appricaite, and any pointers in the right direction are also always appriciated.

Thank You

<!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=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>SD Limo Bus - Best San Diego Party Bus Specials</title>
<style type="text/css">
<!--
body {
	background-color: #a5a3a3;
}
.style1 {color: #FFFFFF}
-->
</style></head>
 
<body>
<div id="container">
<div id="header">
    		<ul>
 
			<li><a href="http://www.SDlimobus.com/">Home</a></li>
			<li><a href="http://www.SDlimobus.com/about_us.html">About US</a></li>
			<li><a href="http://www.SDlimobus.com/San-Diego-Limo-Bus-Rates.html">Rates</a></li>
            <li><a href="http://www.SDlimobus.com/Contact_us.html">Contact Us</a></li>
            <li><a href="http://www.SDlimobus.com/San-Diego-Limo-Bus-Blog/">Blog</a></li>
    </ul>
  </div>
 
 
 
<div id="content">
		<div id="left">
			<div class="menu">
				<div class="menuheader"><h3>Party Bus Info</h3></div>
				<div class="menucontent">
					<ul>
                    <li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Transfers.html">NightOut Pick up/Drop Off</a></li>
						<li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Wine-Tours.html">Party Bus Temecula Wine Tours</a></li>
						<li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Brewery-Tours.html">San Diego Brewery Tours</a></li>
						<li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Concerts.html">Concerts/Action Sports</a></li>
                        <li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Los-Angeles.html">Los Angeles</a></li>
                        <li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Las-Vegas.html">Las Vegas</a></li>
                        <li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-New-Years-Eve.html">New Year's Eve</a></li>
 
                        <li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Del-Mar-Races.html">Opening Day @ Del Mar</a></li>
 
                        <li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Proms.html">Party Bus For Proms</a></li>
                        <li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Winter-Formals.html">Party Bus For Winter Formals</a></li>
                        <li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Homecoming.html">Party Bus For Homecomings</a></li>
						<li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Weddings.html">Wedding Package</a></li>
						<li><a href="http://www.SDlimobus.com/San-Diego-Party-Bus-Monethly-Specials.html">San Diego Monthly Specials</a></li>
						<li><a href="http://www.SDlimobus.com/corporate_service.html">Corporate Service</a></li>
						<li><a href="http://www.SDlimobus.com/contact_us.html">Contact Us</a></li>
 
					</ul>
                    </div>
					<div class="clear"></div>
				</div>
				<div class="menufooter"></div>
			</div>
 
 
		</div>
 
		<div id="middle2">
			<div class="post2">
				<div class="postheader2">
				  <h1 class="style1">San Diego Party Bus Brewery Tour Information</h1>
			  </div>
				<div class="postcontent2">
					<p>Let a San Diego Limo, San  Diego Limo Bus, or San Diego Party Bus take you on a tour of some of the finest  San Diego brews!</p>
                  <p>The &quot;finest city&quot;  would not be complete without some of America&rsquo;s best craft microbreweries, and  any tourist or resident's experience would be amiss without our comfortable,  affordable, and always flexible brewery tour of San Diego.<br />
                      <br />
                      With over 30 quality craft breweries in San Diego, whether it is a few friends,  a romantic couple, or a large festive group, we are more than happy to provide  you with the best service available in San Diego.<br />
  <br />
                      Highly experienced in what San Diego&lsquo;s breweries and microbreweries have to  offer, SD Limo Bus has some great suggestions and packages pre-made for your  experience. However, as captain of all of our tours, San Diego Limo Bus is here  to serve you and provide safe, reliable, fun transport on your schedule.  Arrange to hop aboard a San Diego Limo, San Diego Limo Bus, or San Diego Party  Bus with SD Limo Bus today!</p>
                    <p>These are just some of the  fine restaurants and breweries SD Limo Bus is proud to promote:</p>
                    <p>Alesmith, Alpine Beer, Company,Back  Street Brewery <br />
                    Ballast Point Brewing, Breakwater  Brewing Company, Brew House at Eastlake/Bay Bridge Brewing, BJ&rsquo;s Restaurant and  Brewhouse, Callahan&rsquo;s Pub and Brewery, Coronado Brewing Company, Firehouse  Brewing Company, Gordon Biersch, Karl Strauss Brewing Company, La Jolla Brew  House, Mission Brewery, Oceanside Ale Works, Oggi&rsquo;s, Pacific Beach Ale House, Pizza  Port, Port Brewing/Lost Abbey, Rock Bottom San Diego Brewing Company, San  Marcos Brewery, Stone Brewing Company </p>
</div>
				<div class="postfooter2"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		<ul>
 
			<li><a href="http://www.SDlimobus.com/">Home</a></li>
			<li><a href="http://www.SDlimobus.com/">About US</a></li>
			<li><a href="http://www.SDlimobus.com/San-Diego-Limo-Bus-Rates.html">Rates</a></li>
            <li><a href="http://www.SDlimobus.com/Contact_us.html">Contact Us</a></li>
            <li><a href="http://www.SDlimobus.com/San-Diego-Limo-Bus-Blog/">Blog</a></li>
 
            </ul>
 
 
	<span>Copyright © 2008 SD Limo Bus. All rights reserved.</span>	</div>
    </div>
    <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12ssss8-4");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

body {
	background-image:url(images/background.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-color: #a5a3a3;
}
* {margin: 0px;padding: 0px;}
p {
	padding: 10px 10px 10px 20px;
	display:block;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
a {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 860px;
}
#header{
	height:304px;
	width:777px;
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
}
#content{
}
#left{
	width:192px;
	float:left;
}
#middle2{
	margin-left:206px;
	margin-right:196px;
	width:565px;
}
#middle3{
	margin-left:206px;
	width:600px;
}
#middle{
	margin-left:206px;
	margin-right:196px;
	width:450px;
	}
 
#right{
	width:192px;
	float:right;
}
/********************* menu ****************************/
.menuheader{
	width:192px;
	height:37px;
	background-image:url(images/menutop.gif);
	display:block;
}
.menucontent{
	width:192px;
	background-image:url(images/menumiddle.gif);
	padding-top:10px;
	background-repeat: repeat-y;
}.menuheader h3{
	padding: 10px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.menufooter{
	width:192px;
	height:15px;
	background-image:url(images/menubottom.gif);
	display:block;
}
.postheader,.menuheader{
	color:#CCCCCC;
	text-transform: uppercase;
}/********************* menu2 ****************************/
.menuheader2{
	width:192px;
	height:37px;
	background-image:url(images/menutop.gif);
	display:block;
}
.menucontent2{
	width:192px;
	background-image:url(images/menumiddle.gif);
	padding-top:10px;
	background-repeat: repeat-y;
}.menuheader2 h3{
	padding: 10px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.menufooter2{
	width:192px;
	height:15px;
	background-image:url(images/menubottom.gif);
	display:block;
}
.postheader,.menuheader{
	color:#CCCCCC;
	text-transform: uppercase;
}
/********************* post3 ****************************/
.post3{
	margin-bottom:15px;
}
.postheader3{
	background-image:url(images/posttop2.gif);
	display:block;
	width:600px;
	height:33px;
}
.postheader3 h1{
	padding: 7px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFF
}
 
.postcontent3{
	background-image:url(images/postmiddle2.gif);
	background-repeat: repeat-y;
	padding: 20px 0px;
	color:#525757;
}
.postfooter3{
	background-image:url(images/postbottom2.gif);
	background-repeat: no-repeat;
	display:block;
	width:598px;
	height:20px;
}	
.postthumb3{
	display:inline;
	float:left;
	margin-left:10px;
}
.postthumb3 span{
	display:block;
	text-align:center;
	padding: 2px 0px 0px 0px;
	text-transform: uppercase;
 
}
.postthumb3 img{
	width:150px;
	height:140px;
	border: solid 2px #999999;	
	}
/********************* post2 ****************************/
.post2{
	margin-bottom:15px;
 
}
.postheader2{
	background-image:url(images/posttop2.gif);
	display:block;
	width:565px;
	height:33px;
}
.postheader2 h1{
	padding: 7px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFF;
}
 
.postcontent2{
	background-image:url(images/postmiddle2.gif);
	background-repeat: repeat-y;
	padding: 20px 0px;
}
.postfooter2{
	background-image:url(images/postbottom2.gif);
	background-repeat: no-repeat;
	display:block;
	width:565px;
	height:20px;
}	
 
/********************* post ****************************/
.post{
	margin-bottom:15px;
}
.postheader{
	background-image:url(images/posttop.gif);
	display:block;
	width:450px;
	height:33px;
}
.postheader h1{
	padding: 7px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
 
.postcontent{
	background-image:url(images/postmiddle.gif);
	background-repeat: repeat-y;
	padding: 20px 0px;
	color:#FFFFFF;
	text-align: center;
 
}
.postfooter{
	background-image:url(images/postbottom.gif);
	background-repeat: no-repeat;
	display:block;
	width:450px;
	height:15px;
}
 
/********************* header ****************************/
#header{
	position:relative;
}
#header ul{
	position:absolute;
	top:250px;
	display:block;
	left:190px;
}
#header ul li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 1px solid #FFFFFF;	
}
.last{
	border-right: 0px none #FFFFFF !important;
}
#header ul li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	padding: 0px 10px;
	text-transform: uppercase;
}
#header ul li a:hover{
	text-decoration:underline;
}
/********************* footer ****************************/
#footer{
	width:860px;
 
}
#footer ul{
	display:block;
	text-align:center
}
#footer ul li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 1px solid #ffffff;	
}
 
#footer ul li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	padding: 0px 10px;
	text-transform: uppercase;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer span{
	color:#525757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	width:860px;
	display:block;
	padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
	list-style-position: inside;
	list-style-type: disc;
	padding: 0px 0px 0px 20px;
	color:#666666;
}
.menu ul li{
	padding-top: 5px;
	color:#666666;
}
.menu ul li a{
	text-decoration:none;
	padding: 0px;
	text-transform: uppercase;
}
.menu ul li a:hover{
	text-decoration:underline;
	text-transform: uppercase;
}
.member{
	display:inline;
	float:left;
	margin-left:10px;
}
.member span{
	display:block;
	text-align:center;
	padding: 2px 0px 13px 0px;
	text-transform: uppercase;
 
}
.member img{
	width:75px;
	height:70px;
	border: solid 2px #999999;	
 
}
.clear{
	clear:both;
}
#container #content #middle .post .postcontent p {
	text-align: left;
}
#container #content #middle .post .postcontent p {
	text-align: center;
}

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 30 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Where is the homepage, or did

Where is the homepage, or did I miss the link?

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Excavator
Excavator's picture
Offline
Enthusiast
Alaska
Last seen: 7 years 41 weeks ago
Alaska
Timezone: GMT-9
Joined: 2004-04-04
Posts: 121
Points: 60

Hello Eitan88

Is that right margin on #middle2 really needed? Try this -

#middle2{
	margin-left:206px;
	/*margin-right:196px;*/
	width:520px;
}

Eitan88
Offline
newbie
San Diego
Last seen: 12 years 33 weeks ago
San Diego
Timezone: GMT-8
Joined: 2009-05-19
Posts: 5
Points: 4

HomePage Info - And WIll Try that suggestion

sorry, homepage, is www.sdlimobus.com

I will try that suggestion as soon as i get home from class.... Thank You

Eitan88
Offline
newbie
San Diego
Last seen: 12 years 33 weeks ago
San Diego
Timezone: GMT-8
Joined: 2009-05-19
Posts: 5
Points: 4

Tried Commenting out

Excevator,

Bingo.... it actualy worked, tried it when i got home from class.... Why do you think older IE had such a problem?