Internet Explorer truncates title name
-
My css code that controls my header looks like this:
#sitename {
color:#ffffff;
height:90px;
margin:0 20px 0 305px;
text-align:left;
background:url(images/sistine-chapel3.gif) no-repeat; /* Delete this line to remove the animated globe */
}
#sitename h1,#sitename h2 {
font-weight:400;
margin:0;
}
#sitename h1 {
font-size:2.4em;
margin:0 20px 0 -285px;
}
#sitename h1 a {
color: #ffffff;
text-decoration: none;
letter-spacing: 5px;
}
#sitename h2 {
font-size:1.6em;
margin:25px 0 0 100px;
}
The issue is with IE 6.X
I visited a friend who uses it, and when I checked my site on his system, https://totalphysiqueonline.com/ looked great accept for the title.
I have the entire title group slid to the right, with the Top Large Title using a negative variable to slide it over to the left, against the side of the page.
In my friends browser, the larger title is up top, with the word ‘Online’ between Adam and God (man and God). However, all of the main title, accept the last letter ‘e’ in the word Physique and the word ‘Online’ are visible, so that it reads:
“e Online”
“Total Physiqu” is missing, leaving a blank, empty 3.5 inch space/gap between the edge of the page and Adams head.
The sistine chapel image is positioned properly, with Adam more or less sitting on top of the Spotlight button. The smaller title is right where it should be i.e., the bible verse starts at Adams knee, beneath God’s oustretched arm, and proceeds out beneath and beyond God, to the right.
In other words, the two text titles are staggered.
It works in all the latest versions of Safari, Opera, Firefox, Camino and Mozilla. But not in IE. Any idea what is causing this? Or is this just something IE users will have to live with.
- The topic ‘Internet Explorer truncates title name’ is closed to new replies.