#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2010
    Posts
    2
    Rep Power
    0

    Page wont display Correctly in IE7 or older. But works fine in Chrome, Safari, IE8, F


    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
    Code:
    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>
    Code:
    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;
    }
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2009
    Posts
    50
    Rep Power
    10
    Hi.. that's a lot of code to sift through
    When you say text, are you referring to the footer (ie, the footers links and the copyright info)?

    First thing's first.. you need to make sure your code is valid with the W3C validation service. Your CSS is coming up valid but the XHTML needs work. You can check it here: http://validator.w3.org/

    You can drop the CSS in the header and append it to the style sheet. Also, you are using absolute paths in your links which is fine, but making them relative will make the code more readable and transferable. For example, the link for the "Home" button as you have it looks like this:
    Code:
    <li><a href="http://www.SDlimobus.com/">Home</a></li>
    This link can be changed to:
    Code:
    <li><a href="/">Home</a></li>
    Looks better? Going further:
    Code:
    <li><a href="http://www.SDlimobus.com/about_us.html">About US</a></li>
    Can be changed to:
    Code:
    <li><a href="about_us.html">About US</a></li>
    More information on relative vs. absolute paths:
    http://www.communitymx.com/content/a....cfm?cid=230ad


    Clean those XHTML errors up and re-post your code and I'll help you further. If I'm ever in San Diego, maybe you can hook it up with a free limo bus.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2010
    Posts
    2
    Rep Power
    0
    Originally Posted by mszorad
    Hi.. that's a lot of code to sift through
    When you say text, are you referring to the footer (ie, the footers links and the copyright info)?

    First thing's first.. you need to make sure your code is valid with the W3C validation service. Your CSS is coming up valid but the XHTML needs work. You can check it here: http://validator.w3.org/

    You can drop the CSS in the header and append it to the style sheet. Also, you are using absolute paths in your links which is fine, but making them relative will make the code more readable and transferable. For example, the link for the "Home" button as you have it looks like this:
    Code:
    <li><a href="http://www.SDlimobus.com/">Home</a></li>
    This link can be changed to:
    Code:
    <li><a href="/">Home</a></li>
    Looks better? Going further:
    Code:
    <li><a href="http://www.SDlimobus.com/about_us.html">About US</a></li>
    Can be changed to:
    Code:
    <li><a href="about_us.html">About US</a></li>
    More information on relative vs. absolute paths:
    http://www.communitymx.com/content/a....cfm?cid=230ad


    Clean those XHTML errors up and re-post your code and I'll help you further. If I'm ever in San Diego, maybe you can hook it up with a free limo bus.


    thanks alot for all that information, very helpfull i appriciate it, i also managed to fix the problem it was the margin right in #middle2 that was messing it up, got some help from someone.... But i will definetly be using relative paths from now on

IMN logo majestic logo threadwatch logo seochat tools logo