...

View Full Version : IE will not show, FF does show my header



pupkevicius
11-23-2008, 02:36 PM
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:


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


/*
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/2007/05/01/reset-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:


* 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);
}

abduraooft
11-23-2008, 03:12 PM
Fix the errors in your markup first, see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.mmorpg-finder.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
(Please use
][/COLOR] 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!

pupkevicius
11-23-2008, 03:27 PM
is there a way to automatically fix errors without any coding exprience, e.g. some software

abduraooft
11-23-2008, 03:36 PM
Nope! If there is one, almost all web designers would loss their job and there won't a forum like this :)

pupkevicius
11-23-2008, 04:06 PM
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

abduraooft
11-23-2008, 04:09 PM
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.

pupkevicius
11-23-2008, 04:32 PM
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...

abduraooft
11-23-2008, 04:35 PM
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 :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum