I know it is not a new question but I can't find an answer in previously asked questions.
This is one of first sites I've build (using a tutorial). So I don't have a good knowledge of HTML.
i checked the site using validator en removed some errors (still some warnings left) but according to that site it seems ok. (http://validator.w3.org/check?uri=caenenbvba.be&charset=%28detect+automatically%29&doctype=Inline&ss=1&outline=1&group=0&verbose=1&st=1&user-agent=W3C_Validator%2F1.606)
In firefox, google chrome, safari it works fine.
can you guys help me?
website: http://www.caenenbvba.be
thanks in advance.
DD
im not %100 but im pretty sure internet explorer doesn't support all new features with HTML5 and css3. i have a website and one page doesn't work because its got the newest CSS3 features on it.
Make sure it's not in compatibility mode
Related
So i've been working on this website ( http://iulian.cablevision.ro/fc-botosani )and my layout in chrome and firefox seems to be ok. But when i open in Internet explorer 8 it's like a disaster... everything is messed up. Can't find why and how to fix this problem.
I've found one of the most useful things for sorting out Internet Explorer problems is running the site through the W3C Validator:
http://validator.w3.org/
Often just fixing whatever the validator says is wrong, even the simple stuff, corrects issues in IE. Good luck!
Without much details, we won't be able to help you. What did you try to do? Do you have an idea? You can use the site caniuse.com to find the problem by entering a CSS property or HTML tag. First of all, look at your CSS to find the problematic rule.
I created a website using HTML 5 and it works perfectly on Chrome, Firefox and Internet Explorer 10. If I'm running the website in Compatibility mode the layout is all messed up.
Only if I change Document Mode from IE5 quirks to another value inside Developers Tool it's working perfectly.
Is there someone who can give me some hints or some tips&tricks to make it work properly.
You can find the website here: http://www.westmotors.ro/beta
Thank you in advance.
Here is a nice website where you can see the HTML5 readiness of any browser:
http://html5readiness.com/
In addition I would strongly recommend you to use the Modernizr javascript plug-in in order to make your site compitable: http://modernizr.com/
Last thing, try to find some "polyfills" for html5 features you cannot use in your site "the native way"
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!
I am developing the follow website:
http://di20studios.com/2012/royalpack/
All works fine in Mozilla Firefox and IE 8, but Safari, Opera and Google Chrome don't like my display:table-*CSS...
The display:table-* is at header and bottom.
What I want? Continuous background:
Can you enter the website and see this issue in action? How I can solve this?
Check this out, I believe you will find your problem is similar.
This is an unconfirmed webkit bug. My only suggestion would be to make sure you are using an HTML5 doctype:
<!DOCTYPE html>
From John Resig:
What’s nice about this new DOCTYPE, especially, is that all current browsers (IE, FF, Opera, Safari) will look at it and switch the content into standards mode – even though they don’t implement HTML5. This means that you could start writing your web pages using HTML5 today and have them last for a very, very, long time.
Also, I might suggest you NOT use this method (display:table-*) unless it is the ONLY solution (which is never :P). There are many known issues with this method, one being that it is not supported in IE7.
A plausible solution would be to use floating to achieve this. You will need to change the transparency over the images for the repeat-x to overlay properly. I edited the images so you can see a working example. As long as you MAKE sure to clear after the header-container, you shouldn't run into any issues using float. PS, this works in IE7+ :]
Can you enter the website and see this issue in action?
If the question is as above, then my answer is: Yes, yes I can. I am using Google Chrome 18.0.1025.162 on Linux.
I found a few articles how clipboard works in IE and Firefox without flash, but I did not find any example regarding to Safari and Chrome. Could somebody share with me example or provide link?
Thank you!
I believe you want to manually set the system clipboard contents from JavaScript running in Safari or Chrome? Unfortunately, this capability was disabled a long while ago due to security reasons (previously, it had been possible to do that using execCommand(), but no more.) Sorry I cannot provide you a link to the respective WebKit bugzilla issue offhand. I'd be curious, though, if someone had a working solution.