|
CSS, HTML & Firefox Issue - Solved
|
View this Thread in Original format
| kadomony |
Firefox bein wonky.
For some reason the presence of code on lines 34-43 causes Firefox to display the image on line 32 once on load, and then completely remove it on subsequent refreshes/loads on the same session (cached page).
It only seems to affect that one image. I have other "center" class images on the page that remain but line 32 vanishes like it's not even in the code. Only on firefox as well.
Does anybody have a suggestion on how or why this is happening and a possible solution? Thanks! |
|
|
| FuzzQi |
| Have you got a live link to it? |
|
|
| kadomony |
| Unfortunately can't post the site yet as it's for a release that's out on Friday. Will post it here if I can't solve it by then. |
|
|
| Storyteller |
It's hard to comprehend what's going on when you can't see the actual code.
Based on the code I do see it could be either a Javascript or CSS related, which doesn't really add much to solving the problem. Full insight into the scripts is important to get you anywhere. Excluding some url's is fine, but there is no way to look into the CSS or JS right now.
You could try and use firebug to see what happens with your html code, and to see if the image is still there, but just hidden somehow. |
|
|
| kadomony |
I defined some basic CSS internally:
in Firebug it shows the problem image as greyed-out for some reason:
however, like is shown in the live version, the image code appears solid when loading the page initially, but greys-out when reloading the page on the same session. |
|
|
| Storyteller |
Well that does mean the image is effectively there, but hidden. Now it's up to you to find the cause. I'm assuming right now it's some javascript doing that (but I could be wrong).
You could check the CSS/style information applied to the image on the right of firebug as well when selecting the image element. If it says something along the lines of element.style {display:hidden} I'm quite positive some javascript is messing about :). |
|
|
| kadomony |
| Ok yep, definitely narrowed it down to a script, but the java is hosted by a third-party. I don't think there's a way for me to find out where exactly the problem happens. I'll take a look at the coding calling the script right now, though. Might be in there. Thanks! |
|
|
| kadomony |
Ah got it. Firefox must've not liked the way the code was arranged. Ran it through some HTML tidying and it seems to have fixed the problem.
Cheers bro! |
|
|
| Storyteller |
| quote: | Originally posted by kadomony
Ah got it. Firefox must've not liked the way the code was arranged. Ran it through some HTML tidying and it seems to have fixed the problem.
Cheers bro! |
Hehe, didn't seem likely for third party scripts to randomly remove images from the page. You could have tackled it by using the view source functionality in firefox. It turns elements red if they're placed wrong. :) |
|
|
| Joss Weatherby |
| I do and do not miss front end web programming... |
|
|
| FuzzQi |
I was gonna suggest running it through here:
http://validator.w3.org/
But looks like you guys have worked it out 
Also
Also
Chrome Inspect Element > Firebug |
|
|
| Lagrangian |
| quote: | Originally posted by Joss Weatherby
I do and do not miss front end web programming... |
think about the piggy
 |
|
|
|
|
