Jump to content
Stef's Coding Community
jsarber

IE Not Displaying Image Properly

Recommended Posts

The site is http://orangecoffeecup.com. Look at the header. In IE the coffee cup image drops half way down. It looks fine in other browsers. I'm stumped.

 

Here's the header:

<div id="header">

<div id="twitter-badge"><a href="http://twitter.com/<?php if ($apa_Twitter == ''){echo '_fearlessflyer';}else{echo $apa_Twitter;} ?>">follow</a></div><!--twitter-badge-->

<a id="logo" href="<?php bloginfo('url');?>"><img src="http://orangecoffeecup.com/wp-content/uploads/2011/03/coffee-cup-large.png" width="111px" height="70px" alt="Orange Coffee Cup" title="Orange Coffee Cup" /> Podcasting Network</a>
<div id="navigation">
<div id="page-nav">
<ul>
<li id="welcome" class="current_page_item2"><a href="<?php bloginfo('url');?>" title="Home">Welcome</a></li>
<?php wp_list_pages('title_li=&depth=1&sort_column=menu_order'); ?>
</ul>
<span id="login"><a href="<?php echo get_option('home'); ?>/wp-admin/">Login to Site</a></span>
</div>

 

Here's the CSS:

#header {height:156px; clear:both; padding:70px 49px 0 49px; width:940px; margin:0 auto; text-align:left; background:url(images/header-bg.gif) no-repeat bottom left; position:relative;}
#twitter-badge {position:absolute; left:740px; top:-5px; background:url(images/twitter-badge-maroon.png); width:218px; height:139px;}
#twitter-badge a {display:block; width:218px; height:139px; text-indent:-9999px;}
a#logo {clear:both; font-size:98px; overflow:hidden; text-decoration:none; text-transform:uppercase; color:#333333;letter-spacing:-2px; display:inline; margin:0px; padding:0;}

 

Any help would be greatly appreciated.

Share this post


Link to post
Share on other sites

If the '<a' closes behind the php stuff, shouldn't there be two '>'s then? One to close the '<a' and the other to close the <$php?

Share this post


Link to post
Share on other sites

I played with this for quite awhile and I found a way to fix it. I added this to the IE stylesheet:

 

a#logo img {margin-bottom:25px;}

 

Thanks for your help.

Share this post


Link to post
Share on other sites

I got excited for a second because I thought you were on to something. The closing brackets are there though.

?>">

 

NOW I see them too - About time those darn reading glasses get here.

 

Sorry for the blind chase.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...