Help! Disappearing text & images

[nlvp]

Right, I give up. I am swallowing my pride and asking for help from those who know more than I do.

I am also exposing people who write better CSS and HTML than I do to my site, and am therefore braced for hundreds of "it doesn't work in this or that browser" type comments - let's have it.

But in the midst of all of that, please tell me how to solve these 2 problems:

(1) Text on the comments page often doesn't appear in IE6. It's there though - if you highlight it it appears, but if you refresh the page it vanishes again. The background and border to the "search" box on the front page also is missing until it is highlighted. I understand this may be the guillotine bug. What in my CSS is bloody well doing this? How do I fix it? I've tried changing positioning to relative and the like, and while it's attenuated the problem, it's not gone away completely.

(2) My images don't appear on the individual posts pages. I know they're there - they're behind the bloody background. I understand this may be something to do with Z-Values and so I put a few in there in the hopes of forcing the outcome I wanted, but it didn't work - the pictures aren't appearing. Interestingly enough, this happened when I changed the positioning of the DIVs to relative to get rid of the guillotine bug in the first place, so I traded one problem for another.

The web page is at <snip>

Any help will be gratefully and humbly accepted.

Nicolas.

[edited by: SuzyUK at 6:09 pm (utc) on Oct. 22, 2004]
[edit reason] sorry no URLs : see TOS #13 [webmasterworld.com] [/edit]

[BonRouge]

Erm... I had a look, but I couldn't see your problems. Did you fix this?

[nlvp]

No I didn't - you're not seeing the same problems as me?

When you go to <snip> can you see the picture on the right, or do you just see an empty space like I do?

The "search" box problem is more erratic - sometimes it's there and sometimes it's not, something to do with scrolling.

The comments window problem doesn't happen everywhere either - for example at the moment it isn't occurring under the "Hero" movie review comments, but it is happening under the "Palestinian Girl.." story.. (click "comments")

Weird.

Link removed per TOS

[edited by: SuzyUK at 6:26 pm (utc) on Oct. 22, 2004]

[photon]

Hi nlvp--welcome to WebmasterWorld!

It sounds like you're suffering from IE's "peek-a-boo" bug. One way to fix it is to add

height:1%;

to the affected div. You can also do a search here or the web for "IE peek-a-boo bug" for other alternatives.

By the way, the Terms of Service [webmasterworld.com] prohibit the posting of personal URLs, so don't be surprised when a moderator edits it out of your post.

[BonRouge]

That's it! I was trying to figure this out when I saw that last post.
Your text is in a table - make the height of that table "1".

After you've gone through and sorted out all of your tables, sit back and reflect on how quicker it would have been if you could have done all of that in one go - with css. Then, if I were you, I'd take your text out of tables, put it in divs and suchlike and go back to the w3c validator and fix the problems.

Good luck.

[nlvp]

Thanks for the help - I'll try that. Apologies in advance for the URLs in the messages. Should have read the TOS more carefully, although I'm not sure how I would have described by problem without them.

Can't seem to edit those posts myself anymore either, otherwise I'd get rid of the URLs myself.

[nlvp]

Photon and BonRouge - you were right, my picture mysteriously reappeared after pasting the "Holly Hack" into the stylesheet.

If Microsoft are so keen to set standards, I wish they'd implement them properly.

Thank you so very much for your help.