I'm a student developing a web site.
I placed some iframes in a WordPress page, and discovered that every link opens in new tab in Firefox.
The HTML code:
example
<iframe id="example" name="example" src="http://example"></iframe>
I've looked up other similar questions and tried a few solutions (defining id and iframe name, not using capital letters in iframe name. I've also tried adding an at symbol # in the iframe name), but none of these work in Firefox. I've also checked PC Chrome, mobile Chrome, PC Edge, and iPhone Safari, no problems on these browsers.
I wonder, has anyone else experienced the same problem on Firefox especially, and whether someone can explain the reason?
I have a few theories.
Firefox doesn't fully support it
You forgot .com in your example domain.
Also, your code works for me in Chrome. Maybe it's a Firefox issue.
Related
I am working on my first project and it looks OK in Chrome and Opera. But for some reason the "Signature Chef dish" section, looks off on Firefox. I suspect it has something to do with the grid I implemented there?
How can I fix this?
Also I want to disable view in the IE and it looks like a complete mess. Why?
URL: http://www.chefmarwanslim.com
The code:
https://github.com/Igor2122/marwan-3-0.git
In order to 'block' IE, just check what browser is being used and than change the page accordingly, in the case of IE you just display "Please upgrade to a decent browser". You could also add a link to firefox or chrome in that message if you want to. In order to detect what browser is used, please look at How to detect Safari, Chrome, IE, Firefox and Opera browser?.
Feedback for the site
The site looks nice, but the SIGNATURE CHEF DISH section isn't consistent. It would be better if the tweets and 'normal' pictures where displayed the same way or if you'd only use one of the two.
I am fairly new to HTML5 so please bear with me. I have designed a site for someone and when I view it in Firefox or Chrome, all is well, but when I view it in Internet Explorer 10, the nav menu and the picture in the header are moved downward. I have checked the site at http://validator.w3.org/ and it gave me some errors like alt is missing and some other minor things which I believe are irrelevant to what is causing this problem. Is there a way for me to override this with some type of Javascript code or is there some way of just making an IE 10 friendly version of the page in which someone who puts in the url of the page will be redirected to the IE version of the page?
Here is the url of the site: daxxomatic.com
Welcome to web programming and comparability issues. Internet explorer is the largest used web browser and the most horrific browser for web programmers.
You have to live with it and do one of the hacks for dealing with the problem. I would suggest that you follow web standards and check out www.caniuse.com to see if what you are doing can work on IE or Firefox or whatever.
Lastly, test your code in different browsers as you develop a project. That way you deal with small chunks of problems than a big one at the end.
I'm working on an existing Rails application using Turbolinks.
I have a plans page with upgrade/downgrade functionality. When this page is visited from another page and a button is clicked to upgrade nothing happens, although when I refresh my browser it seems to work fine and posts the form.
The strange thing is that other buttons work fine with Turbolinks installed and it only seems to happen in Chrome. Firefox, Opera and Safari it works fine.
Has anyone encountered this problem before? I've searched through Google all morning but can't seem to find a resolution.
It seems like it's a problem with Google Chrome. I've fixed it by putting the attribute data-no-turbolink in the HTML on the link that goes to the page in question.
Now, when I go to the page via clicking on the link it doesn't use Turbolinks and makes a full refresh of the page.
To just target Chrome (as it seems to work in other browsers) you could use this piece of js:
if ($.browser.webkit) {
$("your-css-selector").attr('data-no-turbolink', true);
}
Could be seen as a bit of a hack, but it works.
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.
Hey guys, i have recently created a HTML page but it is appearing differently in Mozilla Firefox and Internet Explorer. I have uploaded the page on ripway. Here is the URL http://h1.ripway.com/gurusmith/My%20site/Index/index.html
Please watch the page in both Internet Explorer and Mozilla Firefox and after watching you will find that the page is appearing fine in Internet Explorer but not in Mozilla Firefox. Can anyone tell where i have made the problems. If anyone can edit the source code and post the correct source code here which works fine in both the browsers then i will be really thankful to you.
Sorry, i can't post the source code and the outputs due to restrictions but i have given the link above for the page. So please do visit it and help me.
Your page is not even remotely valid HTML. For one thing, you have two body elements.
Check out W3C Validation of your page for more problems.
If a browser gets invalid HTML it makes its best guess at what the DOM should be (as opposed to a deterministic interpretation). Since browsers are designed by independent teams, these interpretations will differ. Then, when it comes to applying CSS, variations are bond to occur.
Get your HTML in order and then see what happens.
Older versions of IE are known to display pages slightly differently than most "modern" browsers. A quick Google search turned up the following lists of common differences:
http://www.wipeout44.com/brain_food/css_ie_bug_fixes.asp
http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/