By jasonwhat on

I first noticed this with my book pages and thought I had solved the problem by not giving the pages weight. Now it is popping up again and also is happening with other posts, like blogs, content simply doesn't show up on the page. The content is there and even the links may be clickable, but it is invisisble. This only happens in IE, in firefox all is well. Anybody else had this problem?

Comments

leblank@cyberocity.com’s picture

leblank@cyberocity.com commented

My home dev machine (win98) (grump, grumble) is doing this with one or two pages, I have no idea why. The server runs perfect, better than (and faster than ) my dev machine.

I suppose it might be a rendering hiccup. Is it the same pages every time? Is there space for text or just no space for text at all? try to select the text on the page by running your mouse over the whole page and see if it shows. If so, you have a font color that matches your page color. If not, then a rendering problem, I guess ... I'm just a new-b.

Steven’s picture

Steven commented

This sounds like the IE peekaboo bug, which pops up in advanced CSS layouts. Try adding position: relative; to the containers for the main content.

Or just try
html div div div div { position: relative; }

--
If you have a problem, please search before posting a question.

jasonwhat’s picture

jasonwhat commented

Where does that code go that you gave the example for. Somewhere in node.tpl or page.tpl? or inside the CSS?

micha_1977’s picture

micha_1977 commented

belongs into the .css file

-micha

jasonwhat’s picture

jasonwhat commented

I tried adding that code but it threw my primary links all out of whack and put them all over the page.
On some pages, http://sarahousesb.org/help no text appears just the links. On others, http://sarahhousesb.org/about the text disappears if you scroll over a book link on the bottom of the page.

solutiondrop’s picture

solutiondrop commented

Place the "position: relative;" into the book class into your drupal.css found in the misc directory. It should look like this:

.book {
  position: relative;
  margin: 1em 0 1em 0;
}

This will solve the peekaboo problem.