&xacute in opera is not working - special-characters

Compañ&iacuteas
should display:
Compañías
and it does in all browsers but Opera, it displays:
Compañ&iacuteas
Any idea why?

You are missing a semicolon after the iacute. You should have written: Compañías

Related

100% width not consistent on mobile webkit - Apple devices only

I'm working on a webpage for a client and I'm creating a mobile responsive version for them.
I've worked through most of the website, however, upon loading my 'Services' page, there is an eyesore of a gap all along the right side of the page. Strange, because it uses the same CSS as all the other pages, which all display at full 100% width.
Devices tested with:
iPhone 4 - Chrome, Safari
iPhone 5 - Chrome, Safari
I've also tested this with a Samsung S3, but in Chrome it seems to load fine.
In addition, I've tested it using the Safari developer tools and inspected the page.
It seems as if the HTML from the get go isn't conforming to the 100%.
I've got no idea how to fix this!
The page is http://temp3.advisible.com.au/services
Thanks in advance!
I've managed to solve this problem for anybody who has this issue in the future.
I used a Wordpress page selector and changed the html width of the page.
A messy solution, but it works.
<?php
if (is_page('services')) {
echo "<style>
#media only screen
and (min-width : 320px)
and (max-width : 480px)
{html {width: 340px; }}
</style>";
}
?>

gumbyframework: responsive menu issue on smartphone

I'm developing a responsive website and i use the gumby framework http://gumbyframework.com/
Now, when i try to resize the window and the responsive menu appear, i click on the icon and it works. But if i try on a smartphone, nothing happen
this is the website i'm developing http://www.francescomigliorato.it/lachicca
Any help is much appreciated. Thanks in advance and sorry for my english
The solution is to use version 1.8.3 of jquery. With the latest there is a problem with gumbyframework
I notice in line 78 of main.js that you have a javascript error... I would fix that first and see what happens.
$('input.data').datepick({
Uncaught TypeError: Object [object Object] has no method 'datepick'
showTrigger: '#calImg'
});

Facebook Canvas setAutoGrow grows forever in IE

I am seeing a weird issue in Internet Explorer 9 on my Facebook pagetab when I have setAutoGrow to true. The height grows continuously without end. This is only happening in Internet Explorer for me. Tested with Chrome and Firefox as well.
An example can be found at https://www.facebook.com/GunSweeps/app_480125662005248
Any ideas on what could be the cause? I read another thread on here that suggested it was html, body being set to 100%, and another which said a top-margin was the cause. I'm tried both of these remedies to no avail.
Edit: In more searching, I saw that a global variable might have been the issue, but went through and that does not appear to be the cause either.
Thanks ahead of time for any ideas.
May be you can Try
FB.Canvas.setSize();
After all your contents load
or use a simple timer
var resizetimer= window.setTimeout(function() {
FB.Canvas.setSize();
}, 4000);

FB setAutoResize not working on FF

OK, so i've been working on an FB app that changes height on every page. I, obviously used the setAutoResize function in my app layout and i have the following:
window.fbAsyncInit = function() {
FB.init({appId: '###', status: true, cookie: true, xfbml: true});
FB.Canvas.setAutoResize();
};
And it works fine in IE, Safari and Chrome but not in FF4. I also used:
window.setTimeout(function() {
FB.Canvas.setSize({height: $('body').height()});
}, 1000);
but no luck either. Does anyone experienced this before? tnx in advance.
Mark
An answer has already been provided, but I might as well post my solution to the problem. In Firefox the scrollbars are still part of the iFrame even if your page fits. They just don't have the blue scroller. This adds about 20px.
I don't think that your jQuery solution will work because height() doesn't take into account margin and padding. Maybe try this.
FB.Canvas.setSize({ height: $(document.body).outerHeight(true) + 20, width: 760 });
I added this to my css and it seemed to work (didn't have to muck with my autoresize):
body {
margin-top: -20px;
padding-top: 20px;
}
If you already have padding added to the top of your body, you will likely need to add 20px to it.
I assume it's because firefox measures the body height differently than other browsers.
Tested in ff8, chrome16 and ie9 with no negative repercussions.
This sounds like it might be a bug? Check out:
http://bugs.developers.facebook.net/show_bug.cgi?id=10889
If this is affecting you vote it up :)
FYI Warning! According to the Facebook Developer Roadmap FB.Canvas.setAutoResize will be renamed to FB.Canvas.setAutoGrow on July 5, 2012.
From the page:
We have renamed FB.Canvas.setAutoResize to FB.Canvas.setAutoGrow so
that the method more accurately represents its function.
FB.Canvas.setAutoResize will stop working on July 5th. We will
completely delete the function on August 1st.

Selenium 2.0b3, deal with tinymce in IE9

I'm using selenium 2.0b3 and ruby to test send email function with tinymce and this is my problem: I can't type text into tinymce text area. Here is my code:
select_frame("message_content_ifr")
focus("tinymce")
type("tinymce", "test")
select_frame("relative=parent")
It still works fine with firefox 3.6.8 but not with IE9. As I see, select_frame() and focus() work but can't type any text into the area.
Anybody knows the reason?
I have found a solution using rspec/selenium for IE8. select_frame/focus/type.... works in Firefox and Chrome, but would not work in IE.
This line is calling javascript:
page.get_eval("selenium.browserbot.getCurrentWindow().tinyMCE.activeEditor.setContent('Replace with your text')")
try to use something else xpath ,
Ex: type("name=tinymce", "test")