Solved

CSS H1 tag Relative Positioning Cannot remove space in Internet Explorer

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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Underline in nav for the page that you are currently on. 1 27
Bootstrap 3 - Style a dropdown 1 25
Popup write two lines 3 22
CSS - Centering an image 2 23
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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 position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

685 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