Solved

CSS H1 tag Relative Positioning Cannot remove space in Internet Explorer

Posted on 2013-01-05
1
273 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

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Menu Selected on Chrome for Windows 13 18
Bottom border change 5 14
Just need a little help with this header height please 10 26
Sort Order Icons on HTML Table 3 22
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…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

770 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