MyBB Community Forums

Hi there,

More help needed i'm afraid.

How do i Adjust all column sizes of the board to be all equally large as at the moment the columns have variable sizes and that looks messy ( see picture)

I can't see how to do this so they all align correctly




I'm using MyBB 1.2.9 and Black-sub skin.


In Additional CSS i have this code there:-

.clear {
clear: both;
}

.hidden {
display: none;
float: none;
width: 1%;
}

.menu ul {
list-style: none;
margin: 0;
}

.menu li {
display: inline;
padding-left: 5px;
}

.menu img {
padding-right: 5px;
vertical-align: top;
}

#panel .links {
margin: 0;
float: right;
}

.expcolimage {
float: right;
width: auto;
vertical-align: middle;
}

img.attachment {
border: 1px solid #000000;
padding: 2px;
}

.pagenav {
font-weight: bold;
}

.pagenavbit {
padding-left: 3px;
}

.pagenavbit a {
text-decoration: none;
}

.pagenavcurrent {
font-weight: bold;
padding-left: 3px;
}

hr {
background-color: #000000;
color: #FFFFFF;
height: 1px;
border: 0px;
}

#copyright {
font: x-small Verdana, Arial, Sans-Serif;
color: #FFFFFF;
margin: 0;
padding: 10px 0 0 0;
}

#debug {
float: right;
text-align: right;
margin-top: 0;
}

.quote_header {
background: #000000;
border: 0px solid #000;
border-bottom: 0;
color: #fff;
font-weight: bold;
margin: 0px auto 0 auto;
padding: 2px;
}

.quote_body {
background: #fff;
border: 1px solid #000000;
border-top: 0;
color: #000;
padding: 4px;
margin: 0 auto 8px auto;
background-image: url(images/subblack/quote.gif);
background-repeat: no-repeat;
background-position: bottom right;
background-color: #ffffff;
}

.code_header {
background: #000000;
border: 0px solid #000;
border-bottom: 0;
color: #fff;
font-weight: bold;
margin: 0px auto 0 auto;
padding: 2px;
}

.code_body {
background: #fff;
border: 1px solid #000000;
border-top: 0;
color: #000;
padding: 4px;
margin: 0 auto 8px auto;
background-image: url(images/subblack/code.png);
background-repeat: no-repeat;
background-position: bottom right;
background-color: #ffffff;
}

.usercpnav {
list-style: inside;
padding: 0;
margin: 0;
}

.usercpnav li {
padding: 1px;
font-family: Verdana;
font-size:11px
}

.usercpnav .pmfolders {
/* PM folders on the UCP Nav menu */
}

.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}

<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline overline; color: ##FFFF99;}
</style>

#quickreply_multiquote .smalltext { color: black; }
#quickreply_multiquote .smalltext a { color: blue; }
 

.quote_header {
background: url(images/subblack/code.gif) no-repeat left;
border: 0px dotted #000;
border-bottom: 0;
color: #ffcc99;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
}

.quote_body {
background: #FAFCFE;
border: 1px dotted #000;
border-left: 2px solid #AFB5BA;
    border-right: 2px solid #AFB5BA;
border-bottom: 2px solid #AFB5BA;
border-top: 0;
color: #465584;
padding: 4px;
margin: 0 auto 8px auto;
}


.code_header {
background: url(images/subblack/code.gif) no-repeat left;
border: 0px dotted #000;
border-bottom: 0;
color: #FFCC99;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
}

.code_body {
background: #FAFCFE;
border: 1px dotted #000;
border-left: 2px solid #AFB5BA;
    border-right: 2px solid #AFB5BA;
border-bottom: 2px solid #AFB5BA;
border-top: 0;
color: #465584;
padding: 4px;
margin: 0 auto 8px auto;
}

.cat_end {
background: #000000 url(images/subblack/cat_end.gif) top left repeat-x
}

And Page Container (Customized in this style)

background: #000000;
border: 1px solid #333333;
color: #FFFF99;
margin: auto auto;
padding: 20px;
text-align: left; /* IE 5 fix */

I would really appreciate the help to get this put right please.


Thank you.