CSS Width

[Deadly Stream]

First off, I do apologise for the crude title, I'm not exactly sure how to explain this.

I've been editing postbit.css so that the Signature area is the same colour as the User Info area. For the most part I have it sorted but for some reason the area won't stretch all the way across the bottom of the post, at the right side it's level but there's a gap at the left.

This image will show you what I mean

This is the css code I have at the moment;

.signature {
        align: center;
        display: block;
	background: {vb:stylevar postbit_userinfo_background};
	_background-image: none;
	clear:both;
	height: auto !important;
	border-bottom:{vb:stylevar postbit_border};
	border-top:{vb:stylevar postbit_border};
        padding-top:10px;
        padding-bottom:10px;
        padding-right:5px;
        padding-left:5px;
	width: 100%;
	float: {vb:stylevar left};
}

I've tried a few different things and nothing I've done has got it, it either hasn't changed or it's made it worse.

If anyone has any ideas I'd be grateful, me and css aren't exactly the best of friends.

--Stream

[BSMedia]

Remove the padding-left and padding-right


add !important after width: 100%

width: 100% !important;

[Deadly Stream]

Unfortunately that didn't work.

Adding the !important didn't seem to make any difference and removing the right and left padding made it worse, there was a bigger gap at the left and then a gap at the right too.

[Deadly Stream]

I don't suppose anyone has any ideas on this? It's really bugging me now, to me it does still look better than the default signature in the postbit and I could like with it but it would be nice if it could stretch all the way across.

--Stream

[Seven Skins]

Image link is dead, can you post it again.

[Vaupell]

maybe attach the image to the thread

[Deadly Stream]

Sorry guys, I've attached the image to this post.

[Digital Jedi]

Originally Posted by Deadly Stream

Sorry guys, I've attached the image to this post.

That's likely because the parent element (the div or table div that contains the signature block) has padding on the left to prevent padding from going all the way to the left side. Notice how the signature block is the exact distance away from the left line as the text in the post above it? And you likely don't want to remove that padding, otherwise your post text will be flat against the left line. The only way I see around that, would require a complex template edit.