3

site displayed incorrectly in browser tab

I am not an expert in CSS, but it seems that the issue is in .container and #footer. I think that since Mi Yodeya (unlike all the other SE sites I checked1) is using a repeated image as a background, the repeat-x property is repeating enough to fill only its div's width. In this case, it seems that the two offending widths are 100% and a default auto, respectively. Adding a min-width property to both seems to fix it.

1Upon further investigation, it seems that the current SE beta theme has the same problem.

5
  • I can't seem to reproduce this in Google Chrome - what version are you using?
    – Tim Post
    May 14, 2013 at 15:58
  • Version 26.0.1410.64 m (current). I reproduced this in Firefox (ver. 20.0.1 and 21.0) and IE10 (ver. 10.0.9200.16540).
    – HodofHod
    May 14, 2013 at 16:28
  • Firefox 18.0.1 on XP: reproduced, in combination with a few levels of ctrl-+, IFF "zoom text only" is unchecked (under View, Zoom).
    – Monica Cellio
    May 14, 2013 at 16:43
  • Chrome 16.0.912.77 on XP: reproduced; no add-ons or special configuration, just reduce the window width and you'll see it.
    – Monica Cellio
    May 14, 2013 at 16:47
  • Firefox 20.0 on OS 10.6: reproduced; setting of "zoom text only" doesn't matter.
    – Monica Cellio
    May 14, 2013 at 22:50

1 Answer 1

Reset to default
3

I checked with our designer (Jin) - and 1024px is the minimum that we support. While many things happen to work at smaller widths, they aren't officially supported to do so. As you notice, it behaves well down to about 990px, which is pretty much the best we can do to make sure nothing looks awful to someone using that width within a window that isn't maximized.

I wasn't able to reproduce it because I initially didn't realize you had the text zoomed to a larger size - thus it didn't break as quickly for me (or at least, it seems that way from your screenshot).

1
  • Fair enough. I just would expect it to shrink to 1024 and then stay there, with the scrollbars being used to navigate the page (as all the other sites do). Btw, I am not using a larger text size, though Monica was.
    – HodofHod
    May 20, 2013 at 20:57

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .