Well I know it's my own fault for not checking the appearance sooner, but my site looks perfect in FF but is completely out of wack in IE8. Can you please view this for me and let me know if I have done something blatantly obvious to screw this up so badly? I assume it's somehow related to my header. Thank You as always:
www.thegreatmonkey.com
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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en" />
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<link rel="Shortcut Icon" href="<?php echo bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
<style type="text/css">
<!--
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px
}
-->
</style>
<script type="text/javascript"><![CDATA[//><!--
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
</head>
<body>
<div id="main">
<div id="topnavbar">
<div class="topnavbarleft">
<script src="<?php bloginfo('template_url'); ?>/javascript/date.js" type="text/javascript"></script></p>
</div>
<div class="topnavbarright">
[img]<?php bloginfo('template_url'); ?>/images/rss.gif[/img]" />News Feed[img]<?php bloginfo('template_url'); ?>/images/rss.gif[/img]" />Comments</p>
</div>
</div>
<div id="header">
<div class="headerleft">
[img]<?php bloginfo('template_url'); ?>/images/Banner5.jpg[/img]" />
<div class="adsense">
<script type="text/javascript"><!--
google_ad_client = "pub-6830764347337168";
/* 728x15, created 6/18/09 */
google_ad_slot = "6973335672";
google_ad_width = 728;
google_ad_height = 15;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<div class="headerright">
<?php $ad_468 = get_option('revstreamline_ad_468'); echo stripslashes($ad_468); ?>
</div>
</div>
<div id="navbar">
<div id="navbarright">
<form id="searchform" method="get" action="http://thegreatmonkey.com/search-results" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-6830764347337168:iz7p5s-e3cr" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" value="Search this website..." name="q" id="searchbox" onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" />
<input type="submit" id="searchbutton" value="GO" />
</div>
</form>
</div>
</div>
<div id="wrap">
06-20-2009, 12:29 AM
A Mess in IE8
Hybrid Mode
Similar Threads