A Mess in IE8

shubeydo · #1 06-20-2009, 12:29 AM

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">

Debra · #2 06-20-2009, 07:40 AM

looks like you have way too many divs going on here

<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>

this is the original searchform
<form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input type="text" value="Search this website..." name="s" 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" /></form>

shubeydo · #3 06-20-2009, 11:47 PM

Dang looks like the search was fine but my adlinks area needed fixed. All is well and thanks for you help as always.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Help, my right widgets are a mess	jackieulmer	General Discussion	2	07-03-2010 07:12 PM
Backend a mess after upgrading to 2.9.1	AliKK	General Discussion	7	01-15-2010 11:04 AM
category mess up	Patrick Gallagher	General Discussion	10	09-20-2009 04:12 PM
Comments mess up posts	kevinstilley	General Discussion	2	11-22-2008 09:06 PM