The problem with the floating stuff has been fixed! A very interesting thing happened where an error message would not be displayed, but caused the content to be pushed about, making that layout in the screenshot you captured.
This should no longer be a problem, but it did cause a little extra design issue which has since been resolved:
The details
Discourse writes any customisation errors on the page, by writing a rule like this:
footer::after {
content: "Error goes here";
}
This was not being displayed on the page, but the fact it was there caused the content to be pushed around. The error itself refers to the embedding of Google Analytics, which uses a bit of JavaScript to load. It uses a different customisation section, so it shouldn’t try to load it as CSS, but Discourse tries to anyway, and hence that rule is written.
Interestingly enough, to fix the layout, I ended up writing this rule here:
footer {
white-space: normal;
}
Browsers will typically ignore large sections of white space that is written in HTML, ignoring when a person adds a lot of spaces or tabs or line breaks. Before, it was white-space: pre, which meant preserving any additional line breaks and space characters, causing it to break our layout.
Doing that caused a different issue, as brought to our attention in the thread above. The solution to it showing up at the bottom was to simply make it not appear at all:
footer::after {
visibility: none;
}
This could equally be substituted for display: none, but solves that problem too.