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):
Would it have anything to do with you not closing your script tag properly? Should be <script></script> not <script />
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.
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.
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.
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>