Box borders don't line up?

[TrultToast]

Howdy!

I seem to have a problem where a few boxes don't exactly line up right even though they are both at 100%.

Here is an example of the problem:


The blue box on top doesn't line up with the rest of the threadlist and the threadlisthead seems to be missing the bottom right hand corner of the border... I honestly have no idea how to fix this.

[MarkFL]

If you can post a link to your site, I might can tell you what CSS to add to remedy the issue.

[TrultToast]

Originally Posted by MarkFL

If you can post a link to your site, I might can tell you what CSS to add to remedy the issue.

Sorry for the late reply... I was having computer issues.
Here you go: https://boards.rottensquash.com/

I've also noticed the issue on my forum homepage in the box that shows the stats. :erm:
Also don't mind all the spam posts, I was just testing something, haha.

[MarkFL]

Try adding this to your "additional.css" template:

#thread_inlinemod_form div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

[webmastersun]

Originally Posted by MarkFL

Try adding this to your "additional.css" template:

#thread_inlinemod_form div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

what do these codes mean?

[MarkFL]

Originally Posted by webmastersun

what do these codes mean?

The issue seemed to be that the custom style used by the OP is a mix of table and div elements. I found that by making the borders of the div elements display on the inside rather than on the outside as they do by default, then the elements appear to be the same size.

[TrultToast]

Originally Posted by MarkFL

The issue seemed to be that the custom style used by the OP is a mix of table and div elements. I found that by making the borders of the div elements display on the inside rather than on the outside as they do by default, then the elements appear to be the same size.

Thanks for explaining. I was about to ask that question too, lol.
Any chance you could help me fix my forumhome template too? Sorry to be a bother... I tried using the code you supplied above in a few spots but I had no luck in fixing the borders in my statistics box.

[Seven Skins]

You are inserting a table in OL tags .. hence they don't line up.
This may work.. warp the table in LI tags and use the same class as other LI tags on the forumhome page.

[TrultToast]

Originally Posted by Seven Skins

You are inserting a table in OL tags .. hence they don't line up.
This may work.. warp the table in LI tags and use the same class as other LI tags on the forumhome page.

Just tired this... no luck

[Seven Skins]

I don't see that on your site.



You cannot insert table in ol or ul lists... as mentioned earlier warp the table in li tag or move the table out of ol tags.