Postbit reputation different than other fields?

[need2fart]

I have the css:

.post_field {
	background: #1b1b1b;
	color: #fff;
	border: 1px solid #2c2c2c;
	padding: 3px 3px 3px 10px;
	margin-top: 2px;
	text-align:left;
}
.post_field strong {
	color: #fea619;
}
.post_field dt {
	color: #fea619;
	font-weight:700;
}

And I just call

<vb:if condition="$show['infraction'] OR $show['reppower']">
				<dl class="user_rep">
					<vb:if condition="$show['infraction']">
					<dt>{vb:rawphrase infractions}</dt> 
					<dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
					</vb:if>
					<vb:if condition="$show['reputation']"><div class="post_field">
						<vb:if condition="$show['reppower']">
					<dt>{vb:rawphrase reppower}</dt> 
					<dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd> 
						</div></vb:if>
					</vb:if>
				</dl>
				</vb:if><vb:if condition="$show['infraction'] OR $show['reppower']">
				<dl class="user_rep">
					<vb:if condition="$show['infraction']">
					<dt>{vb:rawphrase infractions}</dt> 
					<dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
					</vb:if>
					<vb:if condition="$show['reputation']"><div class="post_field">
						<vb:if condition="$show['reppower']">
					<dt>{vb:rawphrase reppower}</dt> 
					<dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd> 
						</vb:if></div>
					</vb:if>
				</dl>
				</vb:if>

The other fields show up fine except reputation^



How do I make it so reputation spans all the way across like the other fields?

[Lynne]

Can we get a link to see this?

[need2fart]

Originally Posted by Lynne

Can we get a link to see this?

Sure: http://therunebay.com/showthread.php?90-Hello

[Lynne]

The other areas stretch 180px because of this:

.postbitlegacy .userinfo .userinfo_extra {    float: left;    font-size: 11px;    width: 180px;}

The div you have the rep in is only set to be 80px wide.

[need2fart]

Originally Posted by Lynne

The other areas stretch 180px because of this:

.postbitlegacy .userinfo .userinfo_extra {    float: left;    font-size: 11px;    width: 180px;}

The div you have the rep in is only set to be 80px wide.

Hmm.. How can I fix that? If I put the width: 180px; inside the

.post_field {
	background: #1b1b1b;
	color: #fff;
	border: 1px solid #2c2c2c;
	padding: 3px 3px 3px 10px;
	margin-top: 2px;
	text-align:left;
        width: 180px;
}

Would that be a proper way to resolve this? Or would it be more proper to modify the reputation div? & is it safe to do that? lol.

[Lynne]

I don't even see post_field being used there - I see you using class vbipostbit.

But, what you want it to apply it here:

.postbitlegacy dl.userinfo_extra, .postbitlegacy dl.user_rep{width: 180px;}

[need2fart]

Originally Posted by Lynne

I don't even see post_field being used there - I see you using class vbipostbit.

But, what you want it to apply it here:

.postbitlegacy dl.userinfo_extra, .postbitlegacy dl.user_rep{width: 180px;}

Oops. I was referencing that class from the other style. Thanks Lynnee it looks perfect now.