Looking at Binarius (but I think it generally applies to standard Moodle Themes) it seems like there's an interaction between #page and the #wrapper that it contains. #wrapper has fairly large margins set on it 25px top and bottom, which extend beyond the outer #page and body and pushes everything down, leaving a gap at the top that shows through to the html element at the bottom.
If you change the overflow setting it can collapse this extra margin. "hidden", somewhat counter-intuitively, is often used to see the extra background content that would otherwise be cut off by weirdness in the CSS floats and margins.
If the margins on #wrapper were instead shifted to be similar sized padding on #page the problem goes away (you might need to take away the width:100%) but there may a string of oddness that led to this choice in the first place, so I wouldn't rush to "fix" this if you can cover it up by setting the HTML color appropriately.
David Scotson
Posts made by David Scotson
The reason (I think) for your footer is escaping the body tag, is that it is floated, which lifts it up out of the containing element, which can cause the container element to collapse smaller (sometimes disappearing completely if it has no non-foating content).
The page appears as if you have 15px of margin-bottom on the body tag, but that margin doesn't show up in the Firefox tools. Very strange. The same thing shows up in Chrome tools, it says the html tag is 1 pixels higher than the body tag, but there's no margins/padding. And on Firefox it shows at the bottom, on Chrome at the top. Very, very strange.
But switching to other themes or web pages entirely don't show this problem. Is there anything in your theme thats set to 15 (or possibly 16) px high? That might give us more clues.
The page appears as if you have 15px of margin-bottom on the body tag, but that margin doesn't show up in the Firefox tools. Very strange. The same thing shows up in Chrome tools, it says the html tag is 1 pixels higher than the body tag, but there's no margins/padding. And on Firefox it shows at the bottom, on Chrome at the top. Very, very strange.
But switching to other themes or web pages entirely don't show this problem. Is there anything in your theme thats set to 15 (or possibly 16) px high? That might give us more clues.
I feel obliged to point out that almost all of the visual looks here are created by others, I'm just connecting Moodle and these existing styles.
The basics are of course the Bootstrap system itself but others such as the Choice are taken from the wider community that's building on Bootstrap, in this particular case the Bootsnipps project, where someone has taken the standard Bootstrap "progress-bars" and used them for poll results:
http://bootsnipp.com/snipps/poll-example
The basics are of course the Bootstrap system itself but others such as the Choice are taken from the wider community that's building on Bootstrap, in this particular case the Bootsnipps project, where someone has taken the standard Bootstrap "progress-bars" and used them for poll results:
http://bootsnipp.com/snipps/poll-example
I've just started work on the modal windows of the filemanager. Normally either javascript or forms makes things incredibly hard to theme in Moodle, but this has been mostly very easy. And it gives a bit more unity to Moodle when all the buttons match, rather than different parts seeming to be thrown together (TinyMCE is on my hit list for this reason as well, just not got round to it yet).
