X
Thinta lapha ukuze uye kuveshini yamakhalekhukhwini kusayithi.

Isithangami Sabeseki

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

CNN article doesn't display properly in Firefox

Kuphostiwe

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.

Eminye Imininingwane Yohlelo

Fakela amapulagi

  • Shockwave Flash 26.0 r0

Isisebenziso

  • I-ejenti Engumsebenzisi: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0

Eminye Imininingwane

FredMcD
  • Top 10 Contributor
4267 izisombululo 59840 izimpendulo
Kuphostiwe

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
8787 izisombululo 71865 izimpendulo
Kuphostiwe

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

Okulungisiwe ngu jscher2000

cor-el
  • Top 10 Contributor
  • Moderator
17569 izisombululo 158915 izimpendulo
Kuphostiwe

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
17569 izisombululo 158915 izimpendulo
Kuphostiwe

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