Sometimes around 22:00 UTC, Tuesday 23 February 2016, the formatting of the SO and MSO sites changed. The height (vertical size) of the question summary boxes (in the "interesting" questions list, for example) is now excessively large.
-
1Cross-site post: meta.stackexchange.com/questions/276065/…– ArulkumarFeb 24, 2016 at 5:05
-
this has been bugging me too!– chiliNUTFeb 24, 2016 at 5:32
4 Answers
Looks like a CSS 'float' bug. Adding float:left;
to the votes box would fix the problem.
It does look a lot like a CSS float bug as suggested previously. I've seen this most commonly when column widths are percentage based and rounding causes the widths to be greater than 100% of the browser width.
Use display: table-cell or switch to flexbox layout?
I tend to use padding and position absolute for this kind of issue where you have a fixed width on one side and fluid on the other:
.item {
padding-left: 100px;
position: relative;
min-height: 80px; /* make sure it's at least the height of .left-element */
}
.item > .left-element {
position: absolute;
left: 0;
top: 0;
width: 80px;
}
-
I don't see an
.item
in the CSS stylesheet of Stack Overflow's mobile view.– reneFeb 24, 2016 at 11:00 -
Sorry - I'm not suggesting a fix for stack's devs here. I figure they've probably got it in hand. Just a hypothetical approach that I find more robust than floating or displaying inline since both break layout with long, uninterrupted strings.– BatFeb 24, 2016 at 15:05