StudioPress Community Forums

StudioPress Community Forums (http://www.studiopress.com/support/index.php)
-   General Discussion (http://www.studiopress.com/support/forumdisplay.php?f=7)
-   -   A Mess in IE8 (http://www.studiopress.com/support/showthread.php?t=10058)

shubeydo 06-20-2009 12:29 AM

A Mess in IE8
 
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 06-20-2009 07:40 AM

Re: A Mess in IE8
 
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 06-20-2009 11:47 PM

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


All times are GMT -5. The time now is 11:02 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.