I've got this problem on Firefox:

A text that changes when you hover an image is over my table with the images...

I can't make a better explanation... better if you see it:

http://www.thearkeotekjournal.org/e_...3&id_article=1

click on the link on the bottom that says "Une pratique à l'échelle domestique" and then you'll see my problem...

I've tried to solve this problem through CSS, but I think it's not where's the problem... I believe there's something wrong with the closure tags or something like that...

This problem is haunting me for like 2 hours... I just can't take it anymore, I need help :|

On the source you can get the Firefox Stylesheet and see if there's anything wrong there, but, as I've said before, I think the problem is in HTML coding...

What gives me an headache is the fact that in IE (much more... "sensitive") it works as it should...

Any thoughts?

Nope, IE is much more loosey-goosey about your code in what it will just display vs. Firefox which will NOT accept such coding slips.

Without downloading your source and CSS and actually trying to pick apart that mess of code, I think your problem IS css. You have images and divs floated but nowhere do I see you CLEARING those floats. I believe that is the problem you're having . Clear the float for that image and the caption text should then be forced BELOW the image rather than appearing on top of it.
http://www.pixelsurge.com/experiment/clearers.htm

You have quite a few errors in your code:

http://validator.w3.org/check?uri=ht...id_article%3D1

Check the validator it might help you fix your problem too.

Originally Posted by AliKat

You have quite a few errors in your code:

http://validator.w3.org/check?uri=ht...id_article%3D1

Check the validator it might help you fix your problem too.

Thanks, but I've already seen that, and none of those errors can generate this type of problem, most of them are "no onmouseover attribute" and "&"'s and "< >"'s on javascript or just code that is dinamically inserted and has nothing there (<ul></ul>)

Nope, IE is much more loosey-goosey about your code in what it will just display vs. Firefox which will NOT accept such coding slips.

Well, I think you're right, but sometimes it differ's from what you're trying to do.

Without downloading your source and CSS and actually trying to pick apart that mess of code, I think your problem IS css. You have images and divs floated but nowhere do I see you CLEARING those floats. I believe that is the problem you're having .

Thanks for the tip, but I've already cleared it up and the problem continues... it can be CSS, but I have no idea where... and imo the code isn't that messy, it's just all together, not making the reading easy.

Thanks anyway, more ideas?

onMouseOver should be onmouseover and onMouseOut needs to be onmouseout tthat will clear up that problem.

You need to put <CDATA> </CDATA> around your javascript to make those errors go away. Or put your javascript in an external file.

# Error Line 98, column 5: end tag for element "div" which is not open .

</div>

This one error could be throwing off the whole design.

If you don't want to move your javascript then you should consider an HTML 4.01 doctype.

Your code is so jumbled I can't help you much more than this. Suggest you put in \n in your php code. This is a return line

No, your coding is a mess semantically and literally. You've got divs everywhere, spans, unnecessary <br>s, empty <ul>s, and a lot more.

Why don't you move all that javascript to an external file ?
You have tables and divs INSIDE a LI !? .. Not proper markup, you can't do that.

As for clearing the floats, the "clear:both" on .ipropo isn't gonna do it which is obvious, but you have too many other codign errors to fix.

well, thanks anyway

Just to say that 'Une pratique a l'echelle domestique' link does'nt work at all in Safari. Plus other parts of texts are out of place. I see also your problem in firefox. I've no ideas for that. sorry.

Originally Posted by jason_bristol

Just to say that 'Une pratique a l'echelle domestique' link does'nt work at all in Safari. Plus other parts of texts are out of place. I see also your problem in firefox. I've no ideas for that. sorry.

Thanks, but at least for now, the only compatibility I'm interested is with IE 6.0 and Firefox 1.5.

No need to reply to this post anymore, the problem is solved. If you're interested to know how, send me a pm.

I wouldn't exactly say that.. see attached screenshot.

You still have a lot of invalid markup, you didn't 'solve' that.

Please read:

No need to reply to this post anymore, the problem is solved.

Thanks for your attention anyway.

I'm aware my markup is invalid, you're not the only person that knows markups, that wasn't what I've asked, if you don't want or can't give a solution for my problem, don't just say "it's not as it should be", "it's invalid markup", etc.

Post useful posts, don't post what everyone can see.

The problem I had is solved, that text over the rest is another problem, due to the table being floated to the right, not what I wanted to solve in this thread.

As I've said before, thanks for your attention anyway.