2 replies [Last post]
skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 17 years 6 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

Hello folks,

User testing on this website I've just built has revealed that people using IE6 are seeing a strange text clipping effect. Website: http://www.smartopinion.com.au/

Anyone else with IE6 see this? It seems to cut off the tops of words but disappears on refresh or rollover of links. Is this a bug?

PAUL - SkyRocket Design Co
web design sydney northern beaches

crazybat
crazybat's picture
Offline
Enthusiast
Surrey, British Columbia, Canada
Last seen: 12 years 8 weeks ago
Surrey, British Columbia, Canada
Joined: 2004-08-17
Posts: 58
Points: 0

Strange text clipping/refresh bug (IE only)

Hi skyrocket. Are you referring to this?? (see attachment)

My only thought is that this could be a variation on the IE peekaboo bug. If so, I suppose you could try the Holly hack.

Try adding this to your css;

#Content {
height: 1%;
}

Not sure if it will do the trick, but it's the closest thing I could find to this situation. If I'm completely off base, my apologies Smile

Crazy Bat Designs
Home of the phpBB WASO
Helping You Reach The MOST People Possible.

skyrocket
skyrocket's picture
Offline
Enthusiast
Sydney - Australia
Last seen: 17 years 6 weeks ago
Sydney - Australia
Timezone: GMT+10
Joined: 2003-12-18
Posts: 71
Points: 0

Strange text clipping/refresh bug (IE only)

crazybat
yes - that's what I was seeing (and other folks with IE too). I have done some testing and it appears to be IE choking on the line-height declaration I had used. I changed font: 12px/120% to line-height: 18px and it all seems to be fine now. IE only seems to do this at smaller font sizes like 11px and 12px and possibly only with Trebuchet (but I didn't test others).

PAUL - SkyRocket Design Co
web design sydney northern beaches