Is there a problem?

Ryan Fait · #1 Feb 2nd, 2007, 05:57

I'm remaking Dennisg's site using XHTML/CSS, but I'm running into problems in IE6. I'm not sure if it's just my crappy virtual machine that's causing the problem, or if it's something else. In my version of IE6, the <h1>, images using the <img> tag, and everything inside <div class="photo"> appear for a fraction of a second and then disappear. The site works fine in Firefox, Safari, Opera and IE7.

http://ryanfait.com/dennisg/

daygon · #2 Feb 2nd, 2007, 15:46

if your talking about an image over product details, im not seeing it. I can see an image but when i roll over it i get a pointer cursor. I looked at your code and it looks fine. Your image is there or else it would show a broken link so i dont know. Moojoo might know.

karinne · #3 Feb 2nd, 2007, 15:52

I see it ... well ... don't see it I guess

That is messed up! I've never had this problem before

I'll look at it some more ... but in all honesty, I don't I'll find anything ... this is the weirdest IE bug ever

moojoo · #4 Feb 2nd, 2007, 16:14

Try removing:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> from your source.

daygon · #5 Feb 2nd, 2007, 17:38

what did i say?! genious. Raise your hand if you hate IE

frinkky · #6 Feb 7th, 2007, 00:06

I get this sometimes in IE6 where a page is vertically taller than the screen (not all by the way, and i know of no one else who has experienced the same problem on the same pages as me), it appears then goes - ctrl-clicking the link solves it, which coincidentally is what i need to do to allow pop-ups with my popup stopper, could it be related?

Ryan Fait · #7 Feb 7th, 2007, 00:19

Did it get fixed by removing what moojoo said? I won't have access to a PC for a little while.

frinkky · #8 Feb 7th, 2007, 00:21

It happens on one of clients pages, let me try...brb

frinkky · #9 Feb 7th, 2007, 00:26

Nope, didn't make any difference to my page: http://www.granarydining.co.uk/valentines.htm

Ryan Fait · #10 Feb 7th, 2007, 00:38

Hm. Does anyone have any ideas on how to help us? We're both stuck!

I found an article using Google that said it could be the metadata in images saved by Adobe products causing the problem. If someone with access to IE6 would be so kind as to check, do the images show up now?

New URL:
http://ryanfait.com/dennisg2/

frinkky · #11 Feb 7th, 2007, 01:03

All the images are appearing, so i am hoping these are just local issues (why though, i have no idea) heres a screenie, though as one image is abit out of place: PrtScn

Ryan Fait · #12 Feb 7th, 2007, 01:28

How odd. I haven't had the chance to debug in IE yet. The only problem is, the image isn't showing up to the left of the listing info (should be a picture of a grill there, use FF to see). Goodness this is frustrating.

daygon · #13 Feb 7th, 2007, 14:39

i have IE6 and its still not working. Im baffeled.

Ryan Fait · #14 Feb 7th, 2007, 21:15

Crap! I'll have to start disassembling the whole thing to see if there's anything in particular causing it.

daygon · #15 Feb 8th, 2007, 15:30

Do you think it could be something in the css covering the image?

Ryan Fait · #16 Feb 9th, 2007, 05:15

No. I've been working on it, and I still can't figure out what's wrong. The image appears for a second, then disappears, so there shouldn't be anything covering it.

moojoo · #17 Feb 9th, 2007, 15:36

Weird thing is the image is there. I can right click on it, save as.. etc but it is invisible. Odd indeed. I have never come across this before so unfortunately no fix as of yet from me.

daygon · #18 Feb 9th, 2007, 16:35

Ahh i think i have idea. Look at a post in this forum, remember the guy who asked how to disable image copying or watermarking? Well maybe its something like that. Instead of a transparent image over it it could be a whit image. Or if its a .gif, make sure its not an animated gif.

Ryan Fait · #19 Feb 10th, 2007, 00:15

I coded the XHTML and CSS. It's nothing of the sort.

Ryan Fait · #20 Feb 11th, 2007, 17:24

Problem solved!!! It's an IE bug that occurs when classes are applied to images or classes that affect images. Floats seem to be the main culprit.

Code: Select all

<div style="float:left">
    <img src="image.jpg" />
</div>
<!-- and the following are both affected by the bug -->
<img src="image.jpg" style="float:left" />

Luckily, the fix is the simplest thing in the world. Just add this to your CSS file:

Code: Select all

img {
    position: relative;
}

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Is there a problem?