Problem With H1 Tags In Ie & Ff

McG · #1 Apr 1st, 2008, 18:08

Hi, i have a problem with my h1 tag displaying different postion results in IE & FF.

Ive attached two images for clearly idea. The position of the headline changes in both browsers.

my aim is to have "hello" postion in the vertical middle of div tag.
i have used both padding and line height previously, but i have the same inconsistent results.

Heres my xhtml code:

HTML: Select all

<body>
<div id="Container">
 
<div id="headline"><h1>Hello</h1></div>
 
</div>
</body
 
Heres my css:
 
h1 {
font-family:"Century Gothic";
font-size: 1em;
font-weight: bold;
color: #CC0000;
text-align: center;
width: 600px;
}
 
 
#Container {
background-color: #66CCFF;
height: 200px;
width: 800px;
position: absolute;
}
 
#headline {
background-color: #CCCCCC;
height: 40px;
position: relative;
bottom: 0px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 200px;
}

any help would be great

Aso · #2 Apr 1st, 2008, 18:22

Get rid of;

HTML: Select all

<div id="headline">...</div>

and use;

HTML: Select all

<h1 id="headline">Hello</h1>

Now modify the CSS to

Code: Select all

 #Container {
background: #66CCFF;
height: 200px;
width: 800px;
position: relative;
}
 
#headline {
font: 1em "Century Gothic" bold;
color: #CC0000;
background: #CCCCCC;
display: block;
width: 100px;
margin: 0;
padding: 0;
position: absolute;
bottom: 10px; //adjust if needed
right: 150px; //adjust if needed
}

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Title Tags, Meta Tags and SEO - Keyword Density or Keyword Spamming?	pctank	Search Engine Optimization (SEO)	2	Jul 4th, 2008 11:52
alt tags in css	multichild	Web Page Design	1	Feb 24th, 2008 12:35
Tags	acrikey	Webforumz Cafe	28	Jul 12th, 2007 09:20
Help with Tags...	courtjester	Classic ASP	15	Sep 19th, 2004 07:38

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Problem With H1 Tags In Ie & Ff