4

2 hours of debugging a web page. We had a simple border: 1px; margin: 4px; on the container, but on the right side it the border was outside the screenspace.

Like, gooohhh I hate this, is it some element that's making the container grow or something? Doesn't happen on all screen sizes..? So confused. No scrollbar so where's the overflow: hidden? ARGH I'm no pro at this! And this is a spagetti css file; just work stupid css!

The reason why, which took toooo long to find 😓, was that the monitors physical border was overlapping the right side of the screen, oh at such a suddle amount. Enough to not be noticeable normally, it looks completely usual, but it hid that stupidly stupid border!

I so hate/love when there's so such a simple solution. But now I'm gonna be stuck checking the screen border when instead it's my css that is off...

Comments
  • 0
    apply to div
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    borders/padding are contained within the div dimensions and not outside.
  • 0
    @helloworld ah yes the box-sizing, I use it everywhere nowadays, much easier to deal with
Add Comment