homepage Welcome to WebmasterWorld Guest from 54.197.147.90
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Text not appearing in IE6
Harvs




msg:1212964
 3:45 am on Dec 1, 2004 (gmt 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.

 

Eighteen




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

Do you have the specific CSS code to show the problem?

Harvs




msg:1212966
 4:51 am on Dec 1, 2004 (gmt 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.

idiotgirl




msg:1212967
 12:57 pm on Dec 1, 2004 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved