Hi
I have a WPTheme problem with a page not displaying in Firefox and I have tried to fix this but so far I cannot see why & have had no success in fixing it!
(strangely it displays as it should in Internet Explorer browser)
The page/site can be seen at my wponlinethemetest site
I am grateful for help to fix this & look forward to helpful replies. Thanks
Well, the first thing to do is run your code through the W3C Validator. This will show you the errors in your HTML; there are quite a few, so I won't go through them here, but I believe once you've tidied them up, the page should render better in all browsers.
Hope that helps.
Thanks Spudley for your reply.
I did run the code through the validator & saw it give out around 200 errors.
Most of these I presume are from WordPress php/template tag code!
Is that possible?
The original index.html file passed validation.
I later found there wasa problem with a call to comments/commentblock enclosed in divs within my WP loop.
When I changed this the page layout resorted to normality! Problem solved.
Thanks again for your helpful reply
Related
I downloaded some HTML Newsletter template, adjusted it for my needs, and when i send it, it shows the whole CSS code at the top of the email.
This is mostly happening in Outlook, on Gmail i don't see this problem but some other discrepancies (like buttons size etc.)
Please look up the screenshot to see exactly how it looks like exactly when email received please look up the screenshot
In addition, i read somewhere that CSS code should be moved from <head> tags to just after beginning of <body> tag, but the problem still persists
How do i solve this problem?
Thanks
PS: I put the example of the code below, but i had to cut it because it exceeds 30000 characters... so i don't know if it is working now
OK guys i found the solution.
This was downloaded newsletter template which has inline code but for some reason it has some embedded code which was not necessary to be there.
The CSS coed which was showing in email disappeared just after i erased it from the file, and template without this code part was working just perfectly.
So i would say this was some kind of putting unnecessary code from developer in HTML file... the reasons i don't really know, but now it works.
In addition, i downloaded some newsletter files in the past they had the same problem. CSS showing in top was mostly seen on outlook.
I appreciate very much your assistance. I would say this problem is solved.
I am following a tutorial for developing a simple Facebook app, yet the sample code will not work in Firefox (works fine in IE) - it literlly just displays the code, all on one line.
Full code is here, if it is helpful - http://pastebin.com/YggfCQEH
Can anybody tell me why this is not working? I've no doubt that this is something really simple, but I cannot spot what is wrong. Thanks.
Most likely your server returns mime/type text/plain. What is the filename? Chances are, if it's not .html or .htm that is the problem.
The issue here was that the encoding was UTF-8, and apparently Firefox does not like that. Changing the encoding to ANSI sorted the problem.
Maybe you can try to find some other working page on that server, and check what is the files extension that generates correctly, and rename your file with the same extension as that.
Firefox has an option in the View menu you may check. View>Page Style, if No Style is selected FF will disable all CSS and leave you with just html, that's my first guess. (I only suggest this since you say its only FF and this solved a friend's problem just the other day...)
Your code looks fine, but there could be something in the js file screwing it up... i'd double check functions.js for anything weird.
I'm kind of new to using HTML/CSS for real, so this maybe a stupid question.
My problem is a persistent whitespace on top of the page. At first I thought it was something about margin or padding, as suggested by Google and StackOverflow, but as far as I can tell it was nothing of that. I narrowed it down to a piece of text that is being added right after the opening body tag.
Here's what I mean:
If my code on the file is (simplified, but this is enough to cause the effect):
<html><body><p>text</p></body></html>
When I open it in Chrome and use the developer tools to see the elements, it's like this:
<html><body>""<p>text</p></body></html>
If I delete the "" it renders flawlessly. Right now I have a couple of lines of Javascript to remove the "" from every page, but that's obviously not ideal.
Also worth of note is that if put no tags in the body, like this:
<html><body>text</body></html>
Then no "" is inserted.
Besides Chrome, I've tested on Firefox and IE9, same thing happens. What am I missing here?
Thank you.
Thanks. Your comments were great. I had no script, just bare HTML, but as Jon pointed out, it's dynamically generated. Once I realized what was involved (I admit I should have realized it sooner ...) it was easy to find the answer:
Django template inheritance breaks site layout
It's solved. Thanks again.
I have ben looking everywhere but I cant seem to find any good answer to this question.
I am loading a few items, first when page loads and then if the user wants to change language for example the divs are loaded dynamically again. In all browsers except IE this works fine. In IE the content is loaded BUT its css is completely lost. WHY? No clue? I have ben trying to load the css with the file I am loading without any result so now I am hoping for you guys!!
Please help
Like the above comments said, we'd need to see the code to get a better perspective of what's happening.
Just a thought. Have you gone through the debugging process with Console, this giving more information you could relay? Does the CSS work before the user changes? Is the CSS loaded in the header? And/or for debugging purposes have you seen if inline CSS works? (this would be better as a comment but I don't have that privilege yet). Good luck, and let us know.
An interesting issue which I've googled and can find absolutely no reference too, perhaps because I'm too vague on the cause myself.
I have a simple jsp page that is run from a struts 2 action. It' fairly javascript heavy, but its an internal app on my company's intranet so thats not a great problem.
All seems normal so far, right? but interestingly, the last few tags on this page fail to render. This is true for all browsers I've tried it in (IE, FF, Chrome).
What I mean by not rendering is that they simply don't exist when you view the source! whats worse, in IE, half a tag declaration is actually printed as text at the bottom of the page. All very odd.
But what makes it even stranger, if I put a few <br /> tags after the </html> tag, then all browsers render down past the </html> tag, but still cut off the last few <br />'s.
Has anyone ever heard of anything like this? I don't even know where to start troubleshooting! I know my description is vague but that's only because I'm a bit vague on it myself.
If 'View Source' does not show you the tags then it is not a rendering problem, but a server or network problem, as the content is not being delivered to the browser.
It sounds like a buffer flush problem to me. Have you got any filters that might be buffering the html before it gets to the browser?
Sounds like you have an unclosed quotation mark somewhere. Or something like that. Stuff like that can mess up even the source view as some browsers don't show the exact bytestream they received in the socket in source view (I know for a fact that IE used to do this). Try doing a GET with wget or a telnet client or something similar and see what happens.
We should see the code of your jsp to answer. I suspect there is an unclosed tag or a an unclosed quotation mark of an attribute - as DrJokepu said - in the jsp.
That is the first time I have heard that IE is behaving the same way as the other browsers; by accident...
But seriously, is the html error-free?
I recommend using the html validator extension for Firefox to show you if the html is producing any errors or warnings.
There has to be an error somewhere, but without the code it is impossible to say what it is.
I had a problem some time back with a web-site that was getting 'cut-off' and similarly, I solved the problem with a quick hack but never a proper solution. What it came down to for me was that the web server seemed to require the content-length of the page for it to render properly. When I buffered the output and added the content length, the page would load in full. Different technology though - this was an application built on Perl CGI running on Apache 2.2.
Thanks for the assistance all, but unfortunately none of these seemed to help. I've found a hacky way around it and since its not a critical app, It'll just have to do.
thanks again