The site name is part of the font truncated at the top and at the bottom.

The top truncation is not very obvious. To see it, type MY SITE NAME (Go to Administer -> Site Information -> The name of this website) and you can see the top part truncated off. This is quite obvious is the name is all in caps.

The bottom truncation is obvious. To see it, type My Ng. You will find that the 'y' and the 'g' has the bottom part cut off. It will be shown as 'Mv Na'.

I use IE 7

Comments

hswong3i’s picture

hswong3i CreditAttribution: hswong3i commented
Title: Site name font truncated at the top and bottom » Site name font truncated at the top and bottom in IE6/7

I discover this problem not only existing in IE7, but also IE6; BTW, it is all fine for FF3, Opera9.2 and Safari3 (which all compatible with Acid2)... I give some test but still not have idea right now. Would you mind to contribute for some suggestion?

Isaacheng’s picture

Isaacheng CreditAttribution: Isaacheng commented

I did amend the font-size, margin parameters for #header; #h1; #slogan-name or site-name (can't remember which at this time) and a few other parameters. All I got for my efforts is a weird looking website.

If you can let me know which is the parameter that affects the site name, I will do some more experimentations and if successful, let you know the results.

(I am afraid that is the extent of my ability as i am not familar with the intricacies of IE vs other browsers.)

hswong3i’s picture

hswong3i CreditAttribution: hswong3i commented

@Isaacheng: Thanks for your update. Since I am now giving a complete revamp of CSS layout, as a parallel upgrade with contented7 and interactive_media, please checkout the latest CVS for debug. At this moment I still have no idea why IE6/7 is buggy with header title...

Anyway, the revamped CSS layout will give you a great hand for debug :-)

hswong3i’s picture

hswong3i CreditAttribution: hswong3i commented
Version: 6.x-2.3 » 6.x-2.x-dev
Assigned: Unassigned » hswong3i

move to dev.

hswong3i’s picture

hswong3i CreditAttribution: hswong3i commented

This bug is also reported in Interactive Media: #276957.

itsallhell’s picture

itsallhell CreditAttribution: itsallhell commented
Status: Active » Needs work

I kind of partially solved it at least that's the way I am using it on my website.

I added a padding-top parameter to the .site_name in style.css file under "Internet_Services" folder. Here's what the code looks like.

#wrapper #container #header #slogan-floater h1.site-name {
float: left; /* LTR */
padding-top:10px;
font-size: 2.1em;
font-family: Arial, "Trebuchet MS", Tahoma, sans-serif;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 5px;
}

The line in bold is what I added. I haven't tested it in IE 6 but it works in IE7.

hswong3i’s picture

hswong3i CreditAttribution: hswong3i commented
Status: Needs work » Needs review

@itsallhell: Well, the case is not such simple, but thanks for give me some hints to solve this problem. My implementation is much more complicated, so need more review and test. It is already commit to CVS branch DRUPAL-6-2.

Anyway, since I also give similar fix to both Contented7, Interactive Media and Multiflex-3, tested with both FF3/IE6+7/Opera9.5/Safari3, it should work fine for most cases.

Please kindly review and comment for testing result. A stable release will come for this fix after positive feedback :-)

hswong3i’s picture

hswong3i CreditAttribution: hswong3i commented

Any else update? Or I will set this issue as fixed :-)

hswong3i’s picture

hswong3i CreditAttribution: hswong3i commented
Version: 6.x-2.x-dev » 6.x-2.7

Remark: already publish with 6.x-2.7.

hswong3i’s picture

hswong3i CreditAttribution: hswong3i commented
Status: Needs review » Fixed

Assume as fixed since no more feedback.

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.