X
Tippen Sie hierhin, um die Version dieser Website für Mobilgeräte aufzurufen.

Hilfeforum

CNN article doesn't display properly in Firefox

Veröffentlicht

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.

Mehr Details zum System

Installierte Plugins

  • Shockwave Flash 26.0 r0

Anwendung

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

Weitere Informationen

FredMcD
  • Top 10 Contributor
4334 Lösungen 60947 Antworten
Veröffentlicht

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
8873 Lösungen 72604 Antworten
Veröffentlicht

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.''

Geändert am von jscher2000

cor-el
  • Top 10 Contributor
  • Moderator
17759 Lösungen 160617 Antworten
Veröffentlicht

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
17759 Lösungen 160617 Antworten
Veröffentlicht

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