Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Nov 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE will not show, FF does show my header

    hi i am using a wordpress theme on my website at www.mmorpg-finder.com

    on FF my header "Mmorpg Finder" (black) shows up fine

    on IE no header is displayed only the text underneath my header "Find Mmorpg Games using Video Samples" is displayed.

    MY PROBLEM: i need my header to show up in IE

    I dont have any experience in coding, however i believe it has something to do with the following function in the header file given below.

    <!--[if IE]>
    <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_directory'); ?>/ie-style.css" />
    <![endif]-->

    I have spent hours trying to work this out any help would be very much needed





    Below is the file for the header coding:
    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">
    <head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php if (function_exists('seo_title_tag')) { seo_title_tag(); } else { bloginfo('name'); wp_title();} ?></title>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_directory'); ?>/ie-style.css" />
    <![endif]-->
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    
    <?php wp_head(); ?>
    
    </head>
    <body>
    <div id="wrapper">
    <h1 class='keyword'>Mmorpg Video Review</h1>
    	<div id="header">
    		
    		<h1><a href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1>
    		<h2><div class="description"><?php bloginfo('description'); ?></div></h2>
    		<div class="logo"><span></span></div>
    	</div>
    	<div id="pagine">
    		<ul>
    			<script type="text/javascript"><!--
    google_ad_client = "pub-4039629576879450";
    /* 728x15, created 26/08/08 */
    google_ad_slot = "6959865683";
    google_ad_width = 728;
    google_ad_height = 15;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    		</ul>
    	</div>
    	<?php get_sidebar(); ?>
    	<hr />
    Below is the file for my main css stylesheet:
    Code:
    /*  
    Theme Name: Breaking News
    Theme URI: http://www.idsg.it/
    Description: A "mixed" width, three columns "daily newspaper" theme for Wordpress.<br /><br />Wordpress Widgets ready. <br /><br />Minimal style ready for personal improvements.
    Version: 1.0
    Author: ShinRa
    Author URI: http://www.idsg.it/
    */
    
    /**
    * Eric Meyer's Reset stylesheet - http://meyerweb.com/eric/thoughts/20...eset-reloaded/
    */
    
    html,body,div,span,applet,object,iframe,
    h1,h2,h3,h4,h5,h6,p,blockquote,pre,
    a,abbr,acronym,address,big,cite,code,
    del,dfn,em,font,img,ins,kbd,q,s,samp,
    small,strike,strong,sub,sup,tt,var,
    dl,dt,dd,ol,ul,li,
    fieldset,form,label,legend,
    table,caption,tbody,tfoot,thead,tr,th,td{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:normal;
    font-style:normal;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
    }
    
    body{
    line-height:1;
    color:black;
    background:white;
    }
    
    ol,ul{
    list-style:none;
    }
    
    table{
    border-collapse:separate;
    border-spacing:0;
    }
    
    caption,th,td{
    text-align:left;
    font-weight:normal;
    }
    
    blockquote:before,blockquote:after,
    q:before,q:after{
    content:"";
    }
    
    blockquote,q{
    quotes:"" "";
    }
    
    /**
    * GLOBALS
    */
    
    body{
    background:#fff url(images/sfondobis.jpg) repeat left top;
    color:#333;
    text-align:center;
    font-family:Georgia,"Lucida bright","Times new roman",Georgia,"lucida bright",serif;
    font-size:12px;
    }
    
    h1{
    /display:none;
    }
    
    h2{
    font-size:18px;
    font-weight:bold;
    line-height:150%;
    font-family:"lucida bright",Georgia,serif;
    font-variant:small-caps;
    text-align:left;
    }
    
    h3{
    text-align:left;
    font-size:15px;
    font-weight:bold;
    line-height:150%;
    font-variant:small-caps;
    }
    
    hr{
    display:none;
    }
    
    a{
    text-decoration:none;
    color:#123456;
    }
    
    a:visited{
    color:#345678;
    }
    
    a:hover{
    text-decoration:underline;
    color:#654321;
    }
    
    p{
    line-height:150%;
    margin-bottom:10px;
    }
    
    li{
    line-height:140%;
    }
    
    ul,ol{
    margin-bottom:10px;
    }
    
    img{
    padding:1px;
    background:#000;
    border:10px solid #eee;
    max-width:90%;
    margin:0 0 10px 0;
    }
    
    img.wp-smiley{
    display:inline !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    vertical-align:middle !important;
    border:0 !important;
    }
    
    strong{
    font-weight:bold;
    }
    
    em{
    font-style:italic;
    }
    
    /**
    * MAIN WRAPPER
    */
    
    #wrapper{
    text-align:justify;
    margin:0 auto 0 auto;
    padding:0;
    background:transparent url(images/sfondo.jpg) repeat-y right top;
    max-width:1024px;
    }
    
    /**
    * HEADER
    */
    
    #header{
    padding:35px 10px 10px 10px;
    height:75px;
    text-align:center;
    background:transparent url(images/sfondobis.jpg) repeat left top;
    border-bottom:5px solid #000;
    }
    
    #header h1{
    letter-spacing:2px;
    font-size: 34px;
    line-height: 1;
    text-align:center;
    font-variant: small-caps;
    }
    
    
    
    #header h1 a{
    color:#000;
    text-decoration:none;
    }
    
    
    #header h2 {
    font-size: 10px;
    text-align: center;
    color:#999;
    letter-spacing:2px;
    text-transform:uppercase;
    }
    
    #header div.logo{
    display:block;
    width:142px;
    height:75px;
    background: transparent url (images/logo.gif) no-repeat left top;
    position:absolute;
    top:10px;
    margin-left:10px;
    }
    
    #header div.logo span{
    }
    
    h1.keyword {
    	font-size: 12px;
    	margin: 3px;
    	padding: 0;
    	float: right;
    }
    
    /**
    * TOP PAGES LIST
    */
    
    #pagine{
    border-bottom:5px solid #000;
    background:transparent url(images/sfondobis.jpg) repeat left top;
    text-align:center;
    }
    
    #pagine ul{
    margin-bottom:0;
    padding:5px;
    }
    
    #pagine ul li{
    display:inline;
    margin-right:10px;
    }
    
    #pagine a{
    color:#333;
    text-transform:uppercase;
    }
    
    /**
    * FIRST MAIN COLUMN
    */
    
    #content{
    padding:10px;
    margin-right:500px;
    }
    
    #content div.post{
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid #000;
    color:#000;
    }
    
    #content div.post h2{
    font-size:24px;
    }
    
    #content ul{
    list-style-type:square;
    padding-left:30px;
    }
    
    #content ol{
    list-style-type:lower-alpha;
    padding-left:30px;
    }
    
    #content code{
    font-family:courier,"courier new", monospace;
    font-size:14px;
    background-color:#dfdfdf;
    }
    
    #content blockquote{
    padding:6px;
    font-style:italic;
    color:#555;
    }
    
    #content blockquote p{
    font-style:italic;
    }
    
    .navigation div{
    line-height:200%;
    }
    
    p.details_small{
    font-size:11px;
    color:#876543;
    }
    
    p.details_small a{
    color:#876543;
    text-decoration:underline;
    }
    
    p.date{
    text-align:right;
    font-size:12px;
    color:#111;
    }
    
    #content em{
    font-style:italic;
    }
    
    
    /**
    * RIGHT SIDEBAR WITH MENU
    */
    
    #sidebar{
    padding:10px;
    float:right;
    width:230px;
    font-size:11px;
    }
    
    #sidebar h2{
    font-size:16px;
    }
    
    #sidebar ul li ul{
    border-bottom:1px solid #000;
    margin-bottom:15px;
    padding-bottom:15px;
    }
    
    #sidebar ul,
    #sidebar ul li ul li ul{
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0;
    }
    
    #sidebar ul li ul li ul{
    margin-bottom:0;
    padding-left:10px;
    border-left:1px solid #aaa;
    }
    
    /**
    * LEFT SIDEBAR WITH EXTRA CONTENTS
    */
    
    #sidebarB{
    padding:10px;
    float:right;
    width:230px;
    font-size:11px;
    }
    
    #sidebarB h2, #sidebarB h3{
    font-size:16px;
    }
    
    #sidebarB div.post{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #000;
    }
    
    #sidebarB em{
    font-style:italic;
    }
    
    #sidebarB blockquote{
    padding:6px;
    font-style:italic;
    color:#555;
    }
    
    #sidebarB blockquote p{
    font-style:italic;
    }
    
    #sidebarB code{
    font-family:courier,"courier new", monospace;
    font-size:14px;
    background-color:#dfdfdf;
    }
    
    #sidebarB div.information{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #000;
    }
    
    /**
    * FOOTER
    */
    
    #footer{
    padding:10px;
    background:transparent url(images/sfondobis.jpg) repeat left top;
    border-top:5px solid #000;
    clear:both;
    text-align:center;
    font-size:11px;
    }
    Below is my css file for the ie-style:
    Code:
    * html #header div.logo{
    background-image:url(images/logo.gif);
    left:10px;
    }
    
    * html #wrapper{
    width:expression(document.body.clientWidth > 1024 ? "1024px": "auto" );
    }
    
    * html #content img{
    width:expression(this.width > 400 ? 400: true);
    }
    
    * html #sidebarB img,
    * html #sidebar img{
    width:expression(this.width > 200 ? 200: true);
    }
    Last edited by pupkevicius; 11-23-2008 at 02:26 PM. Reason: needed to use code/code tags

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Fix the errors in your markup first, see http://validator.w3.org/check?uri=ht...Inline&group=0
    (Please use [code][/code] tags to wrap your code while posting here. You may edit your post)

    Also validate your CSS, which will help you to fix many other errors. In your CSS, there is
    h1{ /* style.css , line 74*/
    /display:none;
    }
    which is hiding your header in IE

    PS: welcome to CF!
    Last edited by abduraooft; 11-23-2008 at 03:10 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Nov 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    is there a way to automatically fix errors without any coding exprience, e.g. some software

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Nope! If there is one, almost all web designers would loss their job and there won't a forum like this
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    Nov 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    abduraooft, hi, i know i have coding erros, i have looked through them and they appear to be non-issues, at least i dont think its affecting the problem that i have stated in my opening post.

    i dont have much coding experience so fixing those errors would take some time...

    could you please try to get my heading to work in IE i will address the coding errors later

    thanks

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I've already given the solution in my first post, I think. If you fix that error(either comment it properly, or remove it entirely), you'd get it corrected in IE.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    New Coder
    Join Date
    Nov 2008
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sorry, i didnt see that you edited your first reply, i did what you suggested and i got my header working in IE, I removed the "display:none;" bit.

    Thanks a lot i have been struggling with this for ages, it may seem a bit easy to you but for me this was very anoying, if you were here right now i would give you a warm hand shake...

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by pupkevicius View Post
    Thanks a lot i have been struggling with this for ages, it may seem a bit easy to you but for me this was very anoying, if you were here right now i would give you a warm hand shake...
    You're welcome.. I can feel it from here
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •