Need some help with sidebar space

[lenarcie]

Need some basic help here, Im only a beginner in Css..

Im trying to make this index page look good,but in some css instruction I left something wong and I can not find why there is a space in rigth side of page. I mean, page does not fit 100% in page, it appears an horizontal bar in bottom of page.

Please help to make it fit 100% without horizontal scrollbar.

Page: http://mochisonline.com/indexv11.php
Css: http://mochisonline.com/assets/css/main.css

css problem from line 3858 and below…

or in codepen:
http://codepen.io/anon/pen/Qydrpd

[Shikkediel]

Looks to be an obvious one :

.mini-posts {
width: calc(100% + 2em);
}

[lenarcie]

Yes Shikkediel, thats right, but i can not find how to code this to fill 100% without horizontal scrollbar on bottom. If I put 100% only, div will not fill webpage structure. I already try eliminating em, and other values, and dont.

Im really noob here and I can find solution.

Please help, what value would you put in this?

lenarcie

[Shikkediel]

If you leave out a width altogether, it will default to 100%. Such is the case with a div. So that would be step one – then the actual issue is with the descendant elements of .mini-post, try changing the style to this :

.mini-posts > * {
width: 50%;
box-sizing: border-box;
}

Removing the padding from there…

[lenarcie]

I try that in developer mode in Firefox, and it doesn´t help…
I´ll try it too in local mode and dont.

Have you tried that way?

Lenarcie

[Shikkediel]

Yep, works for me in developer tools. Images fill the full width of the screen.

[Author]

Posts