Solved

CSS H1 tag Relative Positioning Cannot remove space in Internet Explorer

Posted on 2013-01-05
1
270 Views
Last Modified: 2013-01-06
Hello

The following url renders fine in Firefox but There is a h1 space just above the navigation menu and under the banner that I cannot remove in IE

http://www.memorialcardsireland.com/galleriffic-2.0/example-2.html

The problem is with the h1 tag I have relatively positioned to appear on top of the banner

<div class="header">
   <img src="../bannerH1.jpg" alt="Memorial Cards Banner" width ="900" height ="160">
 <h1>Memorial Cards Ireland</h1>
</div>

Open in new window


Could someone help please?

Thanks
0
Comment
Question by:Kevin_Coors
1 Comment
 
LVL 16

Accepted Solution

by:
HagayMandel earned 500 total points
ID: 38748116
Change this h1 to:
<span id="my_title">Memorial Cards Ireland</span>

And the  css:

#my_title {
font-family: "Trajan Pro";
color: #1F8A9A;
font-weight: 900;
font-size: 24px;
position: absolute;
top: 12px;
right: 200px;
}

Open in new window

0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now