kbear Posted October 27, 2014 Share Posted October 27, 2014 Hello, In the upper right corner, the word WELCOME is highlighted when you enter this page, http://unlockspanish.com/margin/ Watch closely, and type any letter, perhaps t. You will see the whole app shift to the left. If you click outside of the typing box, you'll see the whole app move back right. I call this shifting. We've avoided this on the main app page by adding margin at the top and bottom. However then the app needs to be centered vertically frequently. http://unlockspanish.com/ Any advice on what is happening with this shifting problem is greatly appreciated. As always, Gracias de antemano (Thanks beforehand) kbear Link to comment Share on other sites More sharing options...
HartleySan Posted October 28, 2014 Share Posted October 28, 2014 I can't reproduce the problem, but if the shift is slight, I would guess it's because you're going from no vertical scrollbar to a vertical scrollbar. That behavior depends on your window size and browser though, and is essentially unavoidable. Link to comment Share on other sites More sharing options...
kbear Posted October 28, 2014 Author Share Posted October 28, 2014 Thanks Hartley! Yes, it seems that it is related to the vertical scroll bar being present (or not). No horizontal sroll bar appears (or is necessary) under any condition. For some reason, with margin added top and bottom at, http://unlockspanish.com/ this vertical scroll bar response does not occur. Link to comment Share on other sites More sharing options...
HartleySan Posted October 28, 2014 Share Posted October 28, 2014 When you have the vertical margins, does that make the page always have a scrollbar no matter what? If so, then there is your answer. Also, if someone shrunk their screen enough horizontally, then you would see a horizontal scrollbar too. Link to comment Share on other sites More sharing options...
kbear Posted October 28, 2014 Author Share Posted October 28, 2014 Yes. With the vertical (above and below) margins, the page always has a vertical scroll bar at the right extreme of the browser window. When before I said there is no horizontal scroll bar, I meant there is none on the dictionary typing boxes (upper right corner). If I make the browser box much smaller (horizontally) I will get a (horiz) scroll bar at the bottom of the browser window, but not on the dictinary typing boxes. The dictionary typing boxes DO HAVE vertical scroll bars when user typing inside. Link to comment Share on other sites More sharing options...
HartleySan Posted October 28, 2014 Share Posted October 28, 2014 I did not notice the scrollbars within the input elements. Are you satisfied with my answer, or do you still need help? Link to comment Share on other sites More sharing options...
kbear Posted October 30, 2014 Author Share Posted October 30, 2014 On Firefox the (browser window) vertical scroll bar does not appear, making it somewhat of a mystery. However on Chrome, the scroll bar does appear and disappear, making the cause of the problem (horizontal shifting) more obvious. I guess having enough blank space top and bottom so that the scroll bar is always present is the best solution. Thanks for clarifying this for me Hartley! kbear Link to comment Share on other sites More sharing options...
HartleySan Posted October 31, 2014 Share Posted October 31, 2014 There are (usually minor) discrepancies between all browsers (and even different versions of the same browser) regarding how they size certain elements, etc., so that sort of problem is not entirely surprising to me. Link to comment Share on other sites More sharing options...
Recommended Posts