Hello everyone. Can someone please help me. My site looks great in Firefox of course.But for some reason in IE all my header words disappear. check it out its i have know idea whats going on. i have three style sheets. Reset.css Layout.css and Style.css . I checked them all. I? would appreciate anyone's help
thanks.

Dani AI

Generated

Thread context: reported header text vanishing in Internet Explorer; and pointed toward inspection and font-related causes. The items below give a compact, practical checklist and small CSS snippets to isolate and IE-proof disappearing text, rooted in that same troubleshooting direction but extending into rendering, stacking and fallback strategies.

Key checks to run (quick, in order): verify the header element exists in the DOM and is not covered by another positioned element; force-visualize it with an outline to confirm presence; reset any parent opacity/transform/filter rules that can make descendants invisible; temporarily force a plain system font and explicit color to rule out font or color-stack issues; confirm positioning and stacking context (position, z-index) so the header is not underneath other layers; for legacy IE, trigger layout (see snippet) to resolve odd repaints. Use the browser’s developer tools Network/Console panels to spot missing assets that could silently break rendering.

Quick CSS to aid debugging and common fixes:

/* temporary debug helpers */
.site-header, .site-title {
  outline: 2px dashed red !important;
  color: #000 !important;
  background: transparent !important;
}

/* common IE layout / stacking fixes */
.site-header {
  zoom: 1;               /* layout trigger for older IE */
  position: relative;
  z-index: 1000;
  transform: none !important;
  -ms-transform: none !important;
}

Notes: disabling client-side script briefly can confirm whether rendering is script-dependent; if so, add robust fallbacks in the font-family stack and ensure any replacement path gracefully degrades. For long-term stability, keep critical text styled with progressive enhancement so layout or resource failures do not hide it.

Recommended Answers

All 5 Replies

.Can you download DOM Inspector tool for firefox ( click Tool, Ad-ons, Get Ad-ons and write DOM Inspector) it aill download it and ask you to install, after whic you will use it to inspect your css on html what ever you want to do, and to help you inspect the site css, tgis will solve your problem if you use it well,
Also, I dont know the software you used to creat your site, if not dreamweaver or or any other software that has Dom/css controller, ty to use Noterpad++ to open your css as well as hmtl,

Pretty sure it has something to do with the scripts you are using for your fonts - cufon. I am not familiar with it, but maybe you are missing a file that is necessary for it to work fully in IE.

1.install Firefox DON Inspector from Tool to Inspect your CSS even HTML, the way to do it ( click on Firefox Tool , Ad-ons, Get Add-ons, then on search write DOM Inspector, it will search for it and ask you to install, after that the Firefox will reboot, if you use it will it will be enough to solve your problem.
2. Always use thus un every end of div ( <!-- end .container --></div> ) this will eliminate browser differences.
3, I don`t know the software that you used to create your site but if it is not Dreamweaver or any other Dom controller software then use Notepad++ to open CSS and HYML.
4. Check your DOCTYPE if is Internet Explorer supported
6. check the meta tag content type that you use

Thanks samsnov

i will download it and keep it in mind. I always use dreamweaver.

Thanks so much Jaseva

Your comment made me realized that the js code was following a different font. i didn't tell it to use Century Gothic. Duh. I love this site so many helpful people.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.