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^

https://vborg.vbsupport.ru/external/2011/03/4.png

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]

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]

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]

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. :)