CSS Forum

**derjavina** · 11:40 PM

I'm putting this one on hold until I validate my site...
How do I delete the thread?

**coolkbk585** · 09-21-2007, 11:53 PM

Hmm, what are you talking about?

What thread did you want to delete?

**derjavina** · 09-21-2007, 11:59 PM

The first one! Never mind.
Here's the problem I'm having. Can someone have a look at the following page - http://www.exlibrishealth.com/articles/snoring.html
In IE 6 & 7 I'm seeing a big chunk missing from the contents part on the left. It usually, though not always, displays fine until it's published. When the local version displays wrong, reloading the page fixes it, but this doesn't work with the published page. The page is valid except for two apostrophes.

**joder** · 09-22-2007, 12:11 AM

When you attempt to validate, look at the yellow warning where it says "Unable to Determine Parse Mode!" Fix your DOCTYPE.

**derjavina** · 09-22-2007, 01:01 AM

Thanks Joder. DOCTYPE fixed. Still not displaying properly.

**coolkbk585** · 09-22-2007, 01:03 AM

What's wrong with it? I'm looking at it in IE6, and the entire contents shows up (I think).

**derjavina** · 09-22-2007, 01:13 AM

Quote:

Originally Posted by coolkbk585

.. and the entire contents shows up (I think).

Are you sure? There should be 9 chapters listed. I'm getting a large gap between chapters 1 and 4, starting halfway through a line of type.

On both IE6 and IE7, on two different computers.

**joder** · 09-22-2007, 01:45 AM

Works fine on my IE6, can you show a screenshot?

**derjavina** · 09-22-2007, 02:20 AM

Here's one shot

Here's another

Strange thing is neither is exactly how it looks on the screen, but more or less.
The other strange thing is the page sometimes shows okay until you change to another tab and then back, or it displays wrong, until you move around the page, maybe highlight some text or something, then it fixes itself.

**coolkbk585** · 09-22-2007, 11:24 AM

I don't know what the trouble might be then. Taking a look into your style, I saw that you said that the leftcol should be 1px high. Take that out. Maybe that will help get rid of the box.

**LadynRed** · 09-22-2007, 11:54 AM

I'm not seeing anything missing in IE7

**derjavina** · 09-23-2007, 12:03 AM

I've changed the #leftcol to a new div (#leftc) and not specified a height. I'm glad you guys aren't seeing anything wrong, but I'm still getting that gap. The screen shots prove I'm not insane. Strange though that the screen shots show a little more text than I'm seeing on the screen and are different from each other. I would think there's something wrong with my computer, except that it's happening on my laptop as well.
Did you both try switching to another tab, or application, and then go back to the page? Sometimes it shows up okay until I do that, and the gap appears.

**joder** · 09-23-2007, 12:09 AM

I still don't see the gap.

In Firefox, bgwp2.gif shows up as the background image on both sides of the main content but in IE, the content takes up the whole width.

**coolkbk585** · 09-23-2007, 12:27 AM

I saw it once on IE7 when I was clicking around on the links. I think that it's just a bug with IE. If it was a real problem it would show up every time you went to the site.

**derjavina** · 09-23-2007, 12:49 AM

Quote:

In Firefox, bgwp2.gif shows up as the background image on both sides of the main content but in IE, the content takes up the whole width.

I'm really glad you pointed that out, Joder, because I was using IE6 on a smaller screen res, and forgot to replace max-width on the IE6 stylesheet.

Quote:

I think that it's just a bug with IE. If it was a real problem it would show up every time you went to the site.

I'm getting it every time. Like I said, if it doesn't show up right away, it'll be there after I go to another tab, or minimize the browser, etc, and then return to it. It's always there on both my computers, one using IE6 and the other IE7. But I'm sort of glad that you guys are not seeing it! Though that makes fixing the problem even harder I think.

**LadynRed** · 09-23-2007, 12:36 PM

What you are describing is known as the peek-a-boo bug, and IE 6 is the only one that suffers from it - no surprise there

There IS a fix, but you need to use conditional comments to target a CSS file that contains ONLY the css needed for IE6.

http://www.positioniseverything.net/.../peekaboo.html

**derjavina** · 09-25-2007, 05:21 AM

Thanks LadynRed. I looked at that link, which states the peekaboo bug has been suppressed in IE7. I don't know if that's the bug my page has as I was getting it in both IE6 and 7. (The screen shots are from IE7).

Anyway, I'll certainly play around with it and see if "having layout" helps.
Unfortunately the peekaboo page mentions this as the best way to deal with it, and then linked to a 22 page document on hasLayout, which I've printed out for future reading...

Good news is the bug is no longer happening in IE7 after I changed left column div to a new one. It's still there in IE6 but hopefully not for long.

Thanks again.