I hope someone can help me. I'm working in the design of a site for real estate. I'm working with foundation 5, it works good in chrome and firefox for mac but when I test the site in firefox and Internet Explorer 11 in a PC it looks weird. I haven't test it in olders versions of those browsers in PC yet.
I have the site in https://dl.dropboxusercontent.com/u/78083017/casinoPlaza/plantas.html
The problem is in the tab panel with the floorplan.
I'm working in the left side menu. I really don't know how to solve the problem because I don`t know where the problem is. I hope someone can help me figure out the problem and how to solve it.
Thanks in advance.
so the problem might be is that you used a MAC computer and usually the OS is different then Windows (PC)
so in other words i'll put a example
let us say if windows 8 works awesome with a touchscreen alright?
but you expect seeing the same interaction with a non-touchscreen monitor?
see? there is going to be a difference trying to adapt to the new hardware/software in your case, you might see that in MAC it looks flawless and that might be true for the mac users who visit your website but you have to know you have to calibrate the website to fit in other "formats" i would recommend you "building" your website in a PC so issues don't pop up that much as they are happening right now/
Related
I have been developing a website for a client this past week and he tells me the site works fine on chrome but not on safari.
Unfortunatly I do not have an apple device but the site works fine on all the browsers my end!
Here is a video showing how it looks on Safari:
https://a.uguu.se/l0yAhSOlet1C.mp4
Not sure what more I can do to it but I'm pretty sure it's not my code!
Many thanks for any suggestions.
Phillip Dews
I found that the problem is definitely not in your code, it is a know issue I quickly searched on Google and I found that there are quite a bit of people that experience this issue I think probably because they are running an older version of Mac OS.
Here are some useful links you can read and inform your client:
A lot of people have similar flickering patterns.
Link 1
Link 2
Link 3
I have just completed a new Shopify website and used mainly Mozilla Firefox to put this together. I have been told by the client that the site doesn't show up properly in Chrome and Safari but when I have checked this on my 13" laptop they both appear fine on there and I was just wondering if anyone can give me any tips on how I can ensure that the site is working on all common browsers without having any issues.
Would appreciate any tips as I know there are paid websites to do this but just wondering if there is anything else that I can do to get this fixed.
If you to the safari developers "dropdown" in the status bar the is an option called "User agent" (the second one) from there you can "change" the browser.
Disclaimer: never actually used this function.
I believe that the best way to handle this would be to download and install all browsers to test.
There is a free service from the Microsoft dev site that gives you screenshots from a couple of different browsers and versions. Here is the link -> https://developer.microsoft.com/en-us/microsoft-edge/tools/screenshots/
It's not as good as installing all browsers to fully test everything but it can give you a rough idea if there's something wrong with css or something like that.
Your issue might be related to different browser versions. Double check to make sure that you are on the same version to see if you can reproduce the issue.
How can I debug a Responsive site in Blackberry Q10 device, I don't have the device, but someone reported an issue with the menu in BlackBerry Q10, now I Can't debug it until I see the issue and inspect the HTML/CSS to see what is the problem.
I want to be able to view a website exact way how it will look in BlackBerry, I am on windows 7, and I have tried Chorme Emulator, Also download two simulators for BB, but it didn't work.
Please advice.
It is possible to download and install a BB10 Simulator that should run in your Win 7 environment and then you can test directly. That, in my opinion, is the best way to test.
You will need to install a VMware solution and run it as a virtual machine. But I think the documentation explains this process quite well - you will find it all here:
simulator
If you do have problems with this, then please give us something more than "it didn't work". If you look at the documentation, you will see that it should work, and it works on my Win 7 system, so I suspect there is a problem with your system or installation rather than the Simulator itself. But "it didn't work" does not give any idea where to start to help you with this.
You wont be able to inspect the HTML/CSS on the device as it is highly unlikely for you to be able to view the source. Your best option is to find out what mobile browser it is running and then try emulating it in the same resolution.
It looks like the blackberry 10.2OS default browser uses web kit so a browser that runs on the same engine should display the same things.
The Q10 resolution is 720x720 so try to emulate a web kit browser in that resolution and you'll be as close as possible without having the actual device.
If your still showing no problem, then i guess you'll have to find yourself a q10 to test it out on or ask the user with the problems with a full detail description of the problem and a picture to go with it
I got a really strange problem, and after so much tries and research I can't get out of it.
I have a website, but SOME (just 5% of visitors) people with the SAME version of chrome, see the text flowing out of divs and text overlapping. It's very strange because I tested the website on all chrome browsers using browser testers, without any problem. And in internet explorer or firefox this problem never happens...
A page is located here
And here are some screenshots of what SOME people see (maybe you won't see this in chrome)
click here
Maybe it is because of the font face I am using? Or maybe some bad coded CSS?
Please help me out of this!
Thanks a lot!
I see you use .svg font. Recently I was hunting some Chrome font rendering bugs and saw this:
http://code.google.com/p/chromium/issues/detail?id=95102
This seem very similar to issues you are having. You could try to serve some other font type to Chrome and if this would fix that.
If you don't want or can't serve some other font type to Chrome, the only thing you can do is wait until Chrome version 24 is out to all users which should be soon (I can't find any announcement)
I tested it in
Chrome 23.0.1271.97 m
Chrome 26.0.1371.0 canary
Chromium 25.0.1334.0 (169326)
# Windows 7 x64 and your page seems fine for me.
I have read lots of blogs about how to get firebug lite to work on the iPad and from what i can gather it worked at some point but hasn't worked in awhile. I can't get it to work myself.
So my question is has anyone gotten firebug lite or something simliar to work on the iPad recently. With the iPad being so popular I find it amazing that there isn't a good solid developer tool out there for it yet. Especially because in my experience it doesn't render web pages as expected quite often and needs specific tweaking.
Just to stop some quick replies, I already know its a webkit browser and the issues that I have spotted only show up on the iphone and ipad, not in chrome or desktop safari. So i really would love a solution that is native to the ipad itself.
The suggestion below worked for me on an iPad3 running IOS6.
This technique is from http://www.jamesmacfie.com/2012/03/debug-your-html-css-on-the-ipadiphone/
Bookmark any site on iPad then edit the address. Paste in the following code:
javascript:(function(F,i,r,e,b,u,g,L,I,T,E.{if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
Try Remote Debugging with Chrome browser. However iOS 6 comes with built-in support for remote debugging - link.
I've installed this many times (and in the past month on the new iPad) and it has worked.
http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone
FYI: The directions might be a little outdated so don't give up. What you will be doing is creating a bookmark. Then you edit the link in the bookmark with the script on Martin's website. That also means Firebug Lite can be used on Internet Explorer...although I couldn't edit any elements after getting it up and running.
Good luck!