X
Tryk her for at gå til webstedets mobilversion.

Supportforum

CNN article doesn't display properly in Firefox

Skrevet

I am using the latest version of Firefox and Windows 10.

I found a link to the following CNN Travel article:

http://edition.cnn.com/travel/article/vancouver-china-aviation-hub/index.html

It does not display properly in Firefox. Only the opening photo and a few lines of text display and it won't scroll any further down. It is a fairly long article. Also, the lines of text that do display seem to be double-spaced and do not have carriage returns where they should appear, meaning that some words at the end of the lines get cut off.

I tried opening the same link in both Internet Explorer and Edge and the article displays correctly in both with none of these problems.

I am using the latest version of Firefox and Windows 10. I found a link to the following CNN Travel article: http://edition.cnn.com/travel/article/vancouver-china-aviation-hub/index.html It does not display properly in Firefox. Only the opening photo and a few lines of text display and it won't scroll any further down. It is a fairly long article. Also, the lines of text that do display seem to be double-spaced and do not have carriage returns where they should appear, meaning that some words at the end of the lines get cut off. I tried opening the same link in both Internet Explorer and Edge and the article displays correctly in both with none of these problems.

Yderligere systemdetaljer

Installerede plugins

  • Shockwave Flash 26.0 r0

Program

  • User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0

Yderligere information

Luk
FredMcD
  • Top 10 Contributor
4254 løsninger 59583 svar

Very odd. The page starts to load, but then it has problems.

Very odd. The page starts to load, but then it has problems.
jscher2000
  • Top 10 Contributor
8758 løsninger 71658 svar

Could you try this:

  • Make sure you are viewing the page in a resizable window. If you are using a maximized window, the middle button at the upper right should switch it.
  • With the large blue patch in view, drag the right edge of the window slowly to the left until the page resizes and that blue patch assumes a more reasonable size (and shows an infographic).

Does that work for you? I'm attaching screenshots illustrating the "before" and "after."

There's something about the "responsive design" of this page that goes haywire in Firefox at full width, but I'm reluctant to take a lot of time to spot the issue since I suspect it's something the site will need to change rather than something we* could easily fix from our side.

* I'm not a Firefox developer, by "we" I meant you and me and other Firefox users.

Could you try this: *Make sure you are viewing the page in a resizable window. If you are using a maximized window, the middle button at the upper right should switch it. * With the large blue patch in view, drag the right edge of the window slowly to the left until the page resizes and that blue patch assumes a more reasonable size (and shows an infographic). Does that work for you? I'm attaching screenshots illustrating the "before" and "after." There's something about the "responsive design" of this page that goes haywire in Firefox at full width, but I'm reluctant to take a lot of time to spot the issue since I suspect it's something the site will need to change rather than something we* could easily fix from our side. ''* I'm not a Firefox developer, by "we" I meant you and me and other Firefox users.''

Ændret af jscher2000 den

cor-el
  • Top 10 Contributor
  • Moderator
17525 løsninger 158458 svar

It works if I make the screen width about 630px, otherwise the page sends a JSON respose for a lot of images because width and height are enormous: w_17895668,dpr_1.0,h_10066313

{"statusCode":422,"error":"Unprocessable Entity","message":"The requested width cannot be greater than 4000. The requested height cannot be greater than 4000. "}

https://dynaimage.cdn.cnn.com/cnn/w_17895668,dpr_1.0,h_10066313,ar_16:9,c_fill/http%3A%2F%2Fi2.cdn.cnn.com%2Fcnnnext%2Fdam%2Fassets%2F161216154540-fairmont-vancouver.jpg

It works if I make the screen width about 630px, otherwise the page sends a JSON respose for a lot of images because width and height are enormous: w_17895668,dpr_1.0,h_10066313 {"statusCode":422,"error":"Unprocessable Entity","message":"The requested width cannot be greater than 4000. The requested height cannot be greater than 4000. "} https://dynaimage.cdn.cnn.com/cnn/w_17895668,dpr_1.0,h_10066313,ar_16:9,c_fill/http%3A%2F%2Fi2.cdn.cnn.com%2Fcnnnext%2Fdam%2Fassets%2F161216154540-fairmont-vancouver.jpg
cor-el
  • Top 10 Contributor
  • Moderator
17525 løsninger 158458 svar

You can possibly use responsive design view to easily scale the view port.

You can possibly use responsive design view to easily scale the view port. *"3-bar" menu button or Tools -> Web Developer *https://developer.mozilla.org/en/Tools/Responsive_Design_View