1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Site won't display on IE6 or 7

Discussion in 'HTML & Website Design' started by shadeweb, Aug 26, 2007.

  1. #1
    I've been about to rip my hair out trying to get the code for my more recent site to work and it worked until i started adding php code and fixing the CSS code. I've tested on every browser including the lesser ones on Linux and i've validated the code for XHTML and CSS(1 warning). Any help would be appricated in this endevor. The sites url is http://www.shadewebhosting.com/

    XHTML
    
    <!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>
    	<title>Hosting</title>
    	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    	<link href="hosting.css" rel="StyleSheet" type="text/css" />
    	<script src="hosting.js" type="text/javascript" />
    </head>
    <?php
    	include("config.php");
    	if($_GET['package'] && $_GET['number']) {
    		$package = $_GET['package'];
    		$num = 0;
    		//Bronze Package
    		if($package == "bronze") {
    			$opt = 0;
    			switch($_GET['number']) {
    				case 'one':
    					$num = $opt;
    					break;
    				case 'two':
    					$num = 1 + $opt;
    					break;
    				case 'three':
    					$num = 2 + $opt;
    			}
    		}
    		//Silver Package
    		else if($package == "silver") {
    			$opt = 3;
    			switch($_GET['number']) {
    				case 'one':
    					$num = $opt;
    					break;
    				case 'two':
    					$num = 1 + $opt;
    					break;
    				case 'three':
    					$num = 2 + $opt;
    			}
    		}
    		//Gold Package
    		else if($package == "gold") {
    			$opt = 6;
    			switch($_GET['number']) {
    				case 'one':
    					$num = $opt;
    					break;
    				case 'two':
    					$num = 1 + $opt;
    					break;
    				case 'three':
    					$num = 2 + $opt;
    			}
    		}
    		print("<body onload=\"selectPackageOption('" . $num . "')\"");
    	} else {
    		print("<body onload=\"selectPackageOption('0')\">");
    	}
    	print("\n");
    ?>
    <div class="center">
    <div id="banner">
    </div>
    	<div id="navbar">
    	<div class="center">
    		<div style="clear: both">
    		<button name="btnNav" onclick="javascript:window.location='index.php'">
    			Home
    		</button>
    		<button value="packages" name="btnNav" onclick="javascript:window.location='index.php?pid='+this.value">
    			Packages
    		</button>
    		<button value="order" name="btnNav" onclick="javascript:window.location='index.php?pid='+this.value">
    			Order
    		</button>
    		<button value="forum" name="btnNav"  onclick="javascript:window.location='index.php?pid='+this.value">
    			Forums
    		</button>
    		<button value="support" name="btnNav"  onclick="javascript:window.location='index.php?pid='+this.value">
    			Support
    		</button>
    		</div>
    	</div>
    	</div>
    	<div id="main">
    		<div id="content">
    		<?php
    			switch($_GET['pid']) {
    				case 'packages':
    					//packages page
    					include("packages.inc");
    					break;
    				case 'forum':
    					//forum page
    					include("forum.inc");
    					break;
    				case 'support':
    					//support page
    					include("support.inc");
    					break;
    				case 'order':
    					//payment page
    					include("payment.inc");
    					break;
    				default:
    					//index page
    					include("index.inc");
    			}
    		?>
    		</div>
    	</div>
    </div>
    </body>
    </html>
    
    Code (markup):
    CSS code
    
    /*********************
    *                    *
    *  Hosting Template  *
    *                    *
    *********************/
    
    body {
    	background-color: #000000;
    	color: #FFFFFF;
    	font-family: Arial, Helvetica, Sans-Serif;
    	width: 100%;
    	height: 100%;
    	min-height: 1%;
    	min-width: 1%;
    	max-width: 100%;
    	max-height: 100%;
    	text-align: center;
    }
    
    .center
    {
    width: 750px;
    margin: auto;
    }
    
    .button_text {
    	font-weight: bold;
    }
    
    #banner {
    	width: 750px;
    	height: 100px;
    	border: 1px gray solid;
    }
    
    #navbar {
    	width: 750px;
    	/*border-left: 1px gray solid;
    	border-right: 1px gray solid;
    	border-bottom: 1px gray solid;*/
    	background-color: gray;
    	margin-bottom: 5px;
    }
    
    #navbar button {
    	width: 100px;
    	height: 25px;
    	background-image: url('silverbackground.gif');
    	border-top: 2px white groove;
    	border-left: 2px white groove;
    	border-right: 2px gray groove;
    	border-bottom: 2px gray groove;
    	clear: both;
    	padding: 2px;
    	font-weight: bolder;
    	color: black;
    }
    
    #content {
    	width: 750px;
    }
    
    #content button {
    	border: 1px solid #0000FF;
    	background-color: #FFFFFF;
    	width: 60px;
    	height: 20px;
    	margin: 2px;
    	font-weight: bold;
    }
    
    
    #package1 {
    	border: 1px gray solid;
    	width: 250px;
    	margin: 10px;
    	clear: left;
    }
    
    #package1 #p1header {
    	border-bottom: 1px gray solid;
    	background-image: url('bronzebackground.gif');
    	padding: 2px;
    	color: 	#700308;
    	font-weight: bolder;
    	border: 0px;
    }
    
    #package2 {
    	border: 1px gray solid;
    	width: 250px;
    	margin: 10px;
    	float: none;
    }
    
    #package2 #p2header {
    	border-bottom: 1px gray solid;
    	background-image: url('silverbackground.gif');
    	padding: 2px;
    	color: #222222;
    	font-weight: bolder;
    	border: 0px;
    }
    
    #package3 {
    	border: 1px gray solid;
    	width: 250px;
    	margin: 10px;
    }
    
    #package3 #p3header {
    	border-bottom: 1px gray solid;
    	background-image: url('goldbackground.gif');
    	padding: 2px;
    	color: #FFFFFF;
    	font-weight: bolder;
    	border: 0px;
    }
    
    .price {
    	font-weight: bold;
    	margin-bottom: 2px;
    	margin-top: 2px;
    	border-top: 1px gray solid;
    	border-bottom: 1px gray solid;
    }
    
    div #payment form #stepone {
    	border: 1px double gray;
    }
    
    #login {
    	margin-left: 30px;
    }
    
    #register {
    	margin-left: 30px;
    }
    
    #packagetable {
    	width: 750px;
    	border: 1px black solid;
    	color: black;
    }
    
    #packagetable td {
    	background-color: white;
    	font-size: 10pt;
    }
    
    #packagetable #packagerow{
    	font-weight: bold;
    }
    
    #packagetable #packagerow td {
    	background-color: #1AF6E7;
    	text-align: center;
    	font-size: 12pt;
    }
    
    #packagetable #orderrow td {
    	text-align: center;
    }
    
    Code (markup):
     
    shadeweb, Aug 26, 2007 IP
  2. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #2
    Would it have anything to do with you not closing your script tag properly?

    Should be <script></script> not <script />
     
    soulscratch, Aug 26, 2007 IP
    shadeweb likes this.
  3. shadeweb

    shadeweb Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    that fixed it, i can't believe that one tag screwed it up so badly in IE. i really hate MS, but most of the people use the bug ridden Internet Explorer.
     
    shadeweb, Aug 26, 2007 IP
  4. NineDesign

    NineDesign Peon

    Messages:
    237
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #4
    And some people just write bad code.:confused:
     
    NineDesign, Aug 26, 2007 IP
  5. shadeweb

    shadeweb Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    And some people just need to not flame others. The site page is W3C Valid XHTML. It's not anyone's fault that Microsoft thinks that they have to own the browser world too by making it freak out on a single code error that the others could read and understand.
     
    shadeweb, Aug 27, 2007 IP
  6. NineDesign

    NineDesign Peon

    Messages:
    237
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You posted this problem on a public forum. It is crazy that you would close a tag like that. And it's not a flame - just a bit of fun.
     
    NineDesign, Aug 27, 2007 IP
  7. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #7
    someone can't take a joke properly.

    The fact is it wasn't IE's fault, it was yours.
     
    twistedspikes, Aug 27, 2007 IP
  8. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Even so, Internet Explorer blows monkey balls... ;)
     
    GWiz, Aug 27, 2007 IP
  9. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #9
    And people also forget that valid markup does not necessarily mean it's good markup.

    <div id="header1"><div class="headinglevel1"><p><b>Level 1 Heading</b></p></div></div> may be valid, but it's a good example of bad code.

    Especially when you consider that all that bloat can be replaced with this:

    <h1>Level 1 Heading</h1>
     
    Dan Schulz, Aug 29, 2007 IP