Title: Different Browsers = Different Title Positioning
Last modified: August 18, 2016

---

# Different Browsers = Different Title Positioning

 *  Resolved [garyhol](https://wordpress.org/support/users/garyhol/)
 * (@garyhol)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/)
 * Hi all,
 * This is a minor problem no doubt but I’m totally fresh out of ideas why the blog
   title and tagline of my wordpress appears lower down in internet explorer compared
   to firefox and opera. You can see it here: [http://veggyplease.com](http://veggyplease.com).
   The codes turn out exactly the same in both Opera and IE. Does it have anything
   to do with the way the codes are interpreted?
 * Perplexed,
    Mr Green

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Adam Brown](https://wordpress.org/support/users/adamrbrown/)
 * (@adamrbrown)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636170)
 * First place to start for questions like this is validation:
 * [http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fveggyplease.com.%2F](http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fveggyplease.com.%2F)
 *  Thread Starter [garyhol](https://wordpress.org/support/users/garyhol/)
 * (@garyhol)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636173)
 * Ok thanx so much, adam. I’ll look at that.
 *  Thread Starter [garyhol](https://wordpress.org/support/users/garyhol/)
 * (@garyhol)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636226)
 * Erm, fixed the errors. The irregularity still shows 😐 Here’s a picture showing
   the bit: [http://www.veggyplease.com/images/comparison.png](http://www.veggyplease.com/images/comparison.png)
 * The header has extra margin on the top in the IE browser.
 *  Thread Starter [garyhol](https://wordpress.org/support/users/garyhol/)
 * (@garyhol)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636497)
 * I was looking around, and found a conditional comment <!–[if IE]> that supposedly
   affect changes in IE browsers only. Could I use that somehow to alter the header
   top-margin/padding?
 *  Thread Starter [garyhol](https://wordpress.org/support/users/garyhol/)
 * (@garyhol)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636530)
 * I think that it might be possible with javascript as well, but I’m not familiar
   with javascript at all. Is there anyone here who is?
 *  [csleh](https://wordpress.org/support/users/csleh/)
 * (@csleh)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636531)
 * css will do what you need. Use the IE conditional comment to change the header
   h2 and make the padding negative more than it is now.
    It’s probably one of the
   infamous ie bugs. Don’t use javascript, this is exactly what the conditional 
   comments are for! It would be a good idea to view in ie 6 and ie 7. If ie 7 doesn’t
   have the error, change the conditional comment for this to versions under 7.
 *  Thread Starter [garyhol](https://wordpress.org/support/users/garyhol/)
 * (@garyhol)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636541)
 * Thanx csleh. I found this problem with my IE7. I don’t have older versions of
   IE. Anyway, I had to try many variations before I finally got it to work. Here’s
   the modifications I did:
 *     ```
       <!--[if IE]>
       		<style type="text/css">
       		.iename {margin: -20px 0px 0px 0px; padding: 0px 0px 0px 0px;}
       		.iedesc {margin: -25px 0px 25px 0px; padding: 0px 0px 0px 0px;}
       		</style>
       		<![endif]-->
       		<div class="iename">
       		<h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
       		</div>
       		<div class="iedesc">
       		<h2><?php bloginfo('description'); ?></h2>
       		</div>
       ```
   
 * Adam and Csleh: Thanks for your help!
 *  Thread Starter [garyhol](https://wordpress.org/support/users/garyhol/)
 * (@garyhol)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636542)
 * For those who are encountering the same problem, you might find the following
   numbers useful. I tried to get them to match as close as possible and these are
   the figures I ended up with:
 *     ```
       <!--[if IE]>
       <style type="text/css">
       .iename {margin: -18px 0px 0px 0px;
       padding: 0px 0px 0px 0px;}
       .iedesc {margin: -28px 0px 28px 0px;
       padding: 0px 0px 0px 0px;}
       </style>
       <![endif]-->
       <div class="iename">
       <h1><a>/"><?php bloginfo('name'); ?></a></h1>
       </div>
       <div class="iedesc">
       <h2><?php bloginfo('description'); ?></h2>
       </div>
       ```
   
 * And this is an image for comparison: [http://www.veggyplease.com/images/comparison2.JPG](http://www.veggyplease.com/images/comparison2.JPG)

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Different Browsers = Different Title Positioning’ is closed to new replies.

 * 8 replies
 * 3 participants
 * Last reply from: [garyhol](https://wordpress.org/support/users/garyhol/)
 * Last activity: [18 years, 7 months ago](https://wordpress.org/support/topic/different-browsers-different-title-positioning/#post-636542)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics