WordPress.org

Ready to get started?Download WordPress

Forums

multicolor theme header doesn't show in IE (7 posts)

  1. ChrisDLA
    Member
    Posted 1 year ago #

    Test site is jwktdr.com/profleet4

    I actually replaced narrow repeating header with wide one containing images, but it works fine in other browsers.

    Also in IE, the aidebar shows at the bottom and each menu option takes up its own row, with submenus not showing.

    Thanks.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    May you state the browser version you experienced the problems in and perhaps provide links to imagery illustrating them?

  3. ChrisDLA
    Member
    Posted 1 year ago #

    jwktdr.com/profleet4/iemac5point2.png

    Yes, it's old, but as a Mac user I hardly use IE.

    Windows: jwktdr.com/profleet4/ie8noheader.pdf

    browsershots.org: jwktdr.com/profleet4/browsershotsIE.png

    The burgundy header in most of the browsershots shows the correct view.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Does the problem persist when you instead apply the background image to the <body> element?

    Also, do you know the version number of Internet Explorer the issue occurs in?

  5. ChrisDLA
    Member
    Posted 1 year ago #

    Mac 5.2, Windows 8 is all I know.

    Since the theme was designed to have a header, should your suggestion not complicate things? The menu buttons appear right below the header.

    I could experiment, but I'd appreciate it if you could explain exactly how I might implement what you have in mind. Thanks.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Yes, that would complicate things, I hadn't realised you had a background image to the <body> element already.

  7. ChrisDLA
    Member
    Posted 1 year ago #

    This is my header.php code; I know it's long, but I'm not sure what we're looking for. To get around repeating a narrow background I used a very wide image, which should be even wider for some monitors, but I'm open to a more elegant approach.

    <?php
    /*
    @package WordPress
    @subpackage multi-color
    */
    ?>
    <!DOCTYPE html>
    <!--[if IE 6]>
    <html id="ie6" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 7]>
    <html id="ie7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html id="ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <title>
    <?php
    global $page, $paged, $options, $isMobile;
    wp_title('|', true, 'right');
    bloginfo('name');
    $site_description = get_bloginfo('description', 'display');
    
    ?>
    </title>
    <?php if($isMobile): ?>
    <meta name="viewport" content="width=device-width, initial-scale=0.8" />
    <?php else: ?>
    <meta name="viewport" content="width=device-width" />
    <?php endif; ?>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php
    if (is_singular() && get_option('thread_comments'))
        wp_enqueue_script('comment-reply');
    wp_enqueue_script('jquery');
    wp_head();
    ?>
    <style type="text/css">
        html { margin-top: 0 !important; }
        * html body { margin-top: 0 !important; }
    </style>
    </head>
    <body <?php body_class(); ?>>
    <div id="bgwrap"> <!-- start of bg wrap -->
        <div class="wrapper">
            <div id="header"> <!-- Start of header -->
                <table class="tablayout">
                    <tr>
                        <?php if($options['logo_image']): ?>
                        <td class="tdleft" style="width: <?php echo MC_THEME_HEADER_HEIGHT; ?>px; padding-right:10px;">
                            <img class="logo-image" src="<?php echo $options['logo_image']; ?>"/>
                        </td>
                        <?php endif; ?>
                        <td class="tdleft">
                            <h1 class="site-title"><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
                            <?php if(trim(get_bloginfo('description')) != ''): ?>
                            <p class="site-desc"><?php bloginfo('description'); ?></p>
                            <?php endif; ?>
                        </td>
    					<?php if($options['show_search']): ?>
                        <td class="tdright" style="width:918px !important;">
                            <?php get_search_form(); ?>
                        </td>
    					<?php endif; ?>
                    </tr>
                </table>
            </div>
            <?php if(!$isMobile): ?>
                <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'main-menu' ) ); ?>
            <?php else: ?>
                <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'main-menu', 'depth' => 1 ) ); ?>
            <?php endif; ?>
            <?php if($options['site_description'] != '' and is_front_page()): ?>
            <div class="user-info">
                <?php echo $options['site_description']; ?>
            </div>
            <?php endif; ?>
        </div>
    </div> <!-- end of bg wrap -->
    
    <div id="contentwrap"> <!-- Start of content wrap -->
        <div class="wrapper"> <!-- Start of wrapper -->
            <div id="content"> <!-- Start of content -->

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.