4 ms·

As it stands, I can read only the left column of the Web page. Suggestion: Turn on or leave on the horizontal scroll bars of the Web page. Then when I magnif

by graycat 10y ago

As it stands, I can read only the left column of the Web page. Suggestion: Turn on or leave on the horizontal scroll bars of the Web page. Then when I magnify your fonts by 4x or so so that I can easily read your content on my screen, I can scroll horizontally and still see the other half of your Web page. In general, Web pages need both vertical and horizontal scroll bars. Even if a page looks good on the screen of the Web page designer, without the scroll bars the screen might be a disaster for some users.

onli 10y ago
Uff. That's actually not that easy. By default, that recommendation page is 50% of a page wrapper that fills 200% of the viewport. The other 50% contain the almost empty space for the alternatives list. That is why horizontal scrolling is disabled. But I did test that with very small screens and high zooms, and on my devices the responsive design makes that work each time. Please excuse that remark, that is not a "your setup is wrong" comment. But I wonder whether there is a incompatibility with the css that makes the situation as bad as it is for you? And in that case maybe I can fix it instead. For example: What do you mean with left column? On a small screen or a high zoom there should only be a single column. Are you on a browser that does not support flexbox, at least not as implemented here? Could be the safari bug mentioned before.
- graycat 10y ago
  Running Google's Chrome Web browser Version 49.0.2623.112 m (which is now a very old version) on Windows XP SP3; Google no longer supports Chrome on XP. Yes, I'm shopping for a new PC, especially because my current motherboard has problems causing the system to reboot several times a day, has caused some data corruption, e.g., my software, including essentially all the software for my startup, that dynamically loads Microsoft's .NET Framework will no longer run, etc. On your Web page at 100% zoom, I see two columns. The left one has a block of text with title AMD Ryzen 7 1700 and the right one has Gigabyte GeForce GTX 1080 Xtreme Gaming Premium Pack At 100% zoom, a lot of the text I can't read because the font size is just too small and/or the font is not bold and/or dark enough to show up clearly on my display. As soon as I zoom to the next larger magnification, 110%, I get just one column that starts with AMD Ryzen 7 1700 as in the left column before the zoom. At zoom 150%, I can read the content, but zoom 175% is easier to read. But, now that I look again, at 175% zoom, farther down the Web page I see again Gigabyte GeForce GTX 1080 Xtreme Gaming Premium Pack again. So, this looks like the start of what used to be the right column. So, maybe I can see all the text but at zoom 175% the page is reformatted to one column instead of two. In the Web pages I've written for my startup, I have put all my content in tables and not used HTML element <div>, and zoom settings do not reformat or rearrange the content on my Web pages. So, maybe your pages (I have not looked at your HTML code) have HTML elements <div> which let a Web browser rearrange the content. So, maybe I was wrong: A user doesn't need horizontal scroll bars to read the content. What fooled me is that suddenly at zoom 110% the page reformatted (rearranged), jumped around. Pages I've seen that jump around a lot are at Facebook; at times I've screamed myself hoarse; and that jumping nonsense is a big reason I try to avoid Facebook, even when they have content I'm interested in.
  - onli 10y ago
    I'm happy to hear that. Even if you did not like the behaviour here, it is good to see that the css worked as planned. It indeed is a responsive design that will adapt the columns, from 3 to 1. After that the blocks get smaller. Sadly flex-wrap seems to be not animatable, that might have helped here. It would not work to force the layout to remain, there is not one good configuration that looks good on all displays.

by graycat 10y ago

onli 10y ago

Uff. That's actually not that easy. By default, that recommendation page is 50% of a page wrapper that fills 200% of the viewport. The other 50% contain the almost empty space for the alternatives list. That is why horizontal scrolling is disabled. But I did test that with very small screens and high zooms, and on my devices the responsive design makes that work each time. Please excuse that remark, that is not a "your setup is wrong" comment. But I wonder whether there is a incompatibility with the css that makes the situation as bad as it is for you? And in that case maybe I can fix it instead. For example: What do you mean with left column? On a small screen or a high zoom there should only be a single column. Are you on a browser that does not support flexbox, at least not as implemented here? Could be the safari bug mentioned before.

graycat 10y ago
Running Google's Chrome Web browser Version 49.0.2623.112 m (which is now a very old version) on Windows XP SP3; Google no longer supports Chrome on XP. Yes, I'm shopping for a new PC, especially because my current motherboard has problems causing the system to reboot several times a day, has caused some data corruption, e.g., my software, including essentially all the software for my startup, that dynamically loads Microsoft's .NET Framework will no longer run, etc. On your Web page at 100% zoom, I see two columns. The left one has a block of text with title AMD Ryzen 7 1700 and the right one has Gigabyte GeForce GTX 1080 Xtreme Gaming Premium Pack At 100% zoom, a lot of the text I can't read because the font size is just too small and/or the font is not bold and/or dark enough to show up clearly on my display. As soon as I zoom to the next larger magnification, 110%, I get just one column that starts with AMD Ryzen 7 1700 as in the left column before the zoom. At zoom 150%, I can read the content, but zoom 175% is easier to read. But, now that I look again, at 175% zoom, farther down the Web page I see again Gigabyte GeForce GTX 1080 Xtreme Gaming Premium Pack again. So, this looks like the start of what used to be the right column. So, maybe I can see all the text but at zoom 175% the page is reformatted to one column instead of two. In the Web pages I've written for my startup, I have put all my content in tables and not used HTML element <div>, and zoom settings do not reformat or rearrange the content on my Web pages. So, maybe your pages (I have not looked at your HTML code) have HTML elements <div> which let a Web browser rearrange the content. So, maybe I was wrong: A user doesn't need horizontal scroll bars to read the content. What fooled me is that suddenly at zoom 110% the page reformatted (rearranged), jumped around. Pages I've seen that jump around a lot are at Facebook; at times I've screamed myself hoarse; and that jumping nonsense is a big reason I try to avoid Facebook, even when they have content I'm interested in.
- onli 10y ago
  I'm happy to hear that. Even if you did not like the behaviour here, it is good to see that the css worked as planned. It indeed is a responsive design that will adapt the columns, from 3 to 1. After that the blocks get smaller. Sadly flex-wrap seems to be not animatable, that might have helped here. It would not work to force the layout to remain, there is not one good configuration that looks good on all displays.