Journal Whole Page Width Issue

[sireesanwar]

 Okay I've been working on Transmogrified as other themes I had some major frustrations with. I think I've figure most things out but suddenly I realized there is a horizontal scrollbar when there shouldn't be.


You can see it at sireesanwar . I can not figure out why my journal is like 150% wide. Anyone see what I'm not?

Comments

[momijizukamori]

Whoohoo! Yeah, width: 100% frequently behaves in confusing ways, unfortunately.

[sireesanwar]

Apparently, so. I mean I know something about coding but I'm not an expert so at times I come across things that I just don't understand. So thanks again...

I used your width: calc(100%-2px) for another element that at 100% was not inline with everything else and now is perfect. So thanks for that too.

[momijizukamori]

Yeah - basically, with the default box model, the width and height properties don't include border/padding/margins - so it ends up being 100% + however much those are (in this case, 2px, because of the 1px border on each side), and that can end up being more than 100%. The box-sizing: border-box makes the width calculation include border/padding (though not margin).

[sireesanwar]

Interesting. I didn't know that. That is good to know. Thank you.