No replies
coleenh's picture
Last seen: 11 years 10 weeks ago
Timezone: GMT-6
Joined: 2009-09-02
Posts: 26
Points: 25

Hi everyone, I'm new to the forums, but fairly experienced with CSS. However, I am having trouble with positining in IE and don't know the tricks to put in a "Hack" to get IT 7 to display my text in the exact position that I want. Here's the problem...

I have a logo for my business that I have created that does not include the text that is supposed to overlay it. I am using CSS to place the text over the graphic so that the text will be crawled in search engines. The problem is that in Firefox, Chrome and Safari, the positioning looks great. In IE, it is off, so I need a "Hack" to place the position precisely for IE. Can anyone help me with the correct code to put in my Style sheet to position IE?

Here is my .CSS for the Header text for Firefox & the others:

font-family: Cooper Black, Copperplate Gothic Bold, Britannic Bold, Arial, Helvetica, sans-serif;
font-size: 22pt;
font-weight: bolder;
font-style: normal;
position: absolute;
top: 15px;
left: 25px;
text-align: center;
z-index: 2;
color: #FFFFFF;
word-spacing: 5px;

I can't change the top position because then it won't align vertically in the other three browsers over the top of my logo.

Also, I know I should use em's for my font, but because IE displays font size differently, I had to change it to pt. I really HATE the fact that we have to style almost everything around IE's bugs! If anyone can point me to some "fixes" for these problems, I would really appreciate it!