I have been working on my site and now I'm doing some browser compatibility checks and something weird is going with the CSS of one link.
I have a css class applied and some php codes to execute for Firefox, but in any other browsers the style doesn't show and the php doesn't execute. I don't have an idea what's going on.
I would appreciate if someone could take a look and help me fix it.
This is page the page that is giving me trouble (www.savingsulove.com/by-location/). If you view it in Firefox, you will see that there is a middle section that is supposed to automatically display (I used an if statement and css). It works in Firefox but not in other browsers.
Please help
Try clearing your cache in the other browsers. It is possible that you visited your site before you got it working and you are getting that cached version in your other browsers.
The PHP will be executed the same no matter which browser you are using (unless you specifically tell it not to).
Related
I know the title isn't very descriptive, and that's because I don't know the why to this pseudo-problem.
I have a website in php that makes queries to different databases and show the results in a table.
That is working just fine.
My "problem" is that when a query is being processed and the browser is showing the loader icon if i open a second tab it wont load until the first is finished.
I really need to avoid this, but I don't know where the restriction is. Is it something that the browser does?
Two tabs in google chrome wont work, neither two tabs in safari. But the same page opened in both browsers works just fine and there is no "waiting until finished".
Thanks in advance for your help, im really lost here.
I have a jQuery Mobile application, and on certain pages, such as for example this one: "http://olkensway.se/upplevdinkommun/activities.php?community_id=6&category_id=1", I'm facing a problem. When the page is loaded the first time, it shows correctly, but the problem occurs when I refresh the page (by pressing F5). Try and see for yourselves. The search field re-sizes and becomes much larger than what is supposed to be. This problem occurs both in my desktop browser (Tested with Google Chrome and Internet Explorer) and my mobile browser (Google Chrome as well). Using Google, I haven't found anybody with the same problem yet. I'm new to both jQueryMobile and web design in general. Is this a problem with my PHP, HTML or CSS. Some conflict with jQM? Please tell if I should show more code than what is available by viewing the page's source.
EDIT: It can be worth telling that I have other pages, not using any PHP, where this isn't a problem. So it's likely come conflict there...
When I load the page, the search thing is taking up the entire page. After inspecting the element in chrome, the article element's font size is 200% (.ui-body-c) . When I unchecked that it went to a "normal" size. I'm not sure exactly what you want it to look like, but maybe that's your problem? hopefully that helps
The site is built in drupal. The following code calls some data for the page:
<span class="bold caps">Length: </span><?php print $node->field_length[0]['view'];?>
The right information shows up when viewing the page in Firefox but that's it. Chrome, IE & Safari are all missing the info. The rendered HTML is fine but for the lack of the right data coming through.
Here is a link to the page in question
Any ideas?
PHP doesn't randomly decide to NOT output something based on the browser that's requesting the page. The choice of browser can NOT affect how PHP runs a piece of code. However, the choice of browser CAN affect the data that is sent to the script as input, which can affect how the script runs.
So check what the differences are between what FF sends to your script against what the other browsers are sending.
This is a server-side thing, not a client side. It SHOULD show in all browsers
1) Check the page source of Firefox and Opera/Safari/Chrome - the string might exist in all of them but due to rendering engine differences only show up in Firefox - then it's CSS/HTML issue
2) I don't see it in Firefox 6 (even in the source). I suspect it might be a SESSION thing. For example $node->field_length[0]['view'] is empty if you are missing something in your browser session. So for example you have active session with Firefox but because you haven't logged in with the other browsers - it doesn't show up.
Those are just guesses, without seeing more server side code.
If you view source in each browser you should find that the source looks exactly the same in every browser.
Here are the validation errors on your page.
http://validator.w3.org/check?uri=http%3A%2F%2Fmsvehicles.com%2Fgsa%2Fmobile-mammography-clinic-msv-m-4000-102-40-b&charset=%28detect+automatically%29&doctype=Inline&group=0
Fix all of these and your problem will probably fix itself.
I have been developing a website for a University coursework, and at the moment, i have managed to get the features i want.
The website works using jQuery,AJAX and PHP to allow the user to view articles and media that goes with each article. My problem is that the site works as it should on my laptop, on FF4 however it does not work on my IE9 or other browsers, I have given the link to a few people and they all encounter the same problem.
The problem is that when you click the story on the left (thats how you navigate) it fades the text as it should, but it is meant to load in the next story aswell.... If you guys could help, that would help alot.
Link to website: newspaper.nmyster.co.uk
Thanks
IE8 is bugging out on this line:
console.log(storyId);
I'd suggest commenting this out.
If you enable debugging you should be able to see the same error.
These kind of problems always occurs by HTML and JavaScript support of broswer. First of all you shold validate your HTML by W3C validation. If the problem still persists than carefull check your javascript or jquery.
I have my site and it looks great on FF, SF, IE8 but on google chrome it shows a blank page, but if you click on view source, it is there !!
on js console I got "Failed to load resource".
Also I have the same site on my localhost and it works great on chrome !!
My site: http://grupooak.com
take a look on chrome and if you know how to fix it , or a tool to debug it and find the issue lmk :)
Thanks !!
btw the site was developed on php (akelos framework)
Sometimes, if you try several times you can get the page, but it gets stock if you click on any link
You need to make sure the DOM is valid, as your html seems messy I would advise you to fix the following errors:
http://validator.w3.org/check?uri=http://grupooak.com/app/%3Fak%3D/account/sign_in/&charset=(detect+automatically)&doctype=Inline&group=0
Just a thought but try loading the page without any javascript files, and if the page loads, add one back in a t a time testing if it still loads, when you add the javascript back in and the page fails to load, let us know what that file is.
Its could be one of the following:
Your server is failing to respond to the call, unlikely
there is a memory leak in the javascript files, causing the brows to focus on the file which does not continue to load the file.
Reasons for this is if you go to the url: view-source:http://grupooak.com/app/?ak=/account/sign_in/ in Google Chrome, you will see the whole response, meaning that it is something that is loaded into the browser that's the issue.
If you inspect the element of the page you will see that it stops loading loading the page after the first javascript include, try UPDATING Your Libraries versions.
Have you tried disabling caching and/or output encoding?
Something similar happened to me before, and it was related to the Mime type.
If that's the case, take a look at this article: http://www.dyeager.org/post/2009/01/php-xhtml-mime-type-caching
maybe fix this tag.
<img style="width: 95px; height: 113px;" src="/app/images/homepage10.jpg"
also look at the developer tools in chrome they will point you to this error
/app/?ak=/account/sign_in/ Failed to load resource
info about developer tools
http://code.google.com/chrome/devtools/docs/overview.html
First of all you should have a look at the W3C's HTML validator output, correct all of the errors, and try again. I guess that it will solve your issues with Chrome.
When I inspect the computed styles in chrome, the html element's height is 0. This might explain why the page is blank.
It's your rotator script. The first argument must be a beforeLoad event object.