Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Text not appearing in IE6

3:45 am on Dec 1, 2004 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 7, 2004
votes: 0

I have a heading on a page which hasn't had anything special done to is, just font-size, font-weight, letter-spacing and couple of other visual adjustments using css. The problem is in ie6 the text sometimes just disappears. There is still a space left for the text and if I highlight the text then click away the text displays as normal. Anyone have any ideas what might be going on?

I'm sorry this is a tough one to explain without seeing it in action.

4:14 am on Dec 1, 2004 (gmt 0)

New User

10+ Year Member

joined:Nov 12, 2004
votes: 0

Do you have the specific CSS code to show the problem?
4:51 am on Dec 1, 2004 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 7, 2004
votes: 0

Well that's the problem, I don't know what is causing it. Short of posting the whole page and css I wouldn't know where to start. I was hoping it was an ie6 bug that someone has come across because I know my css and html are just fine and it only happens on the spot in the whole site. I'll try to explain further:

When the page first loads in ie6 the heading I have in place doesn't appear (as if the visibility attribute is hidden). To get the text to (magically?) appear I can either scroll down the page and then back up or highlight the text and then deselect it. Even if the heading isn't styled with css it still happens.

I know it all sounds rather odd which I why I suspect it was a bug with ie6. It doesn't happen with NN, Opera or Mozilla.

12:57 pm on Dec 1, 2004 (gmt 0)

Preferred Member

10+ Year Member

joined:July 6, 2001
votes: 0

Usually, this type of thing shows up when you have divs floated inside or against other divs. Usually, One div is longer (taller) than another, or your floats are conflicting or overlapping.

If you search around some of the CSS sites, they suggest things like adding "line-height: 1em; display: block;" to divs, and/or to to assign "position: relative;" to floats.

Another hack is to add:

div.clear { clear: both; }

to your style sheet, and add:

<div class="clear"></div>

beneath your nested floats. Usually, not always, that clears up the problem.

I've had the same problem with IE at times, and it made for some head-scratching until I fiddled around (above code) and stumbled on a solution.

If you remove ALL the CSS from the page, unless your browser has somehow cached the CSS copy, it should return to normal.

Start from scratch - start simple - stop when it breaks - then you'll have a better idea what broke it.


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members