Signatures not aligned correctly

[notfixingit]

I could not find a reference to this in another post but if it's already been covered I applogize. We had an issue with signatures not being aligned under posts in webkit browsers (chrome/safari).

Applies to: 2.0 RC2
File: Themes/core/css/webkit.css

Original:

Code Select Expand

/* special styles for Safari (and other Webkit based browsers like Chrome)
Webkit needs this otherwise the post goes off to the right.
Causes issues in IE browsers in (and cached search engines pages it breaks them).
*/
.postarea .post
{
float: left;
}


Updated:

Code Select Expand

/* special styles for Safari (and other Webkit based browsers like Chrome)
Webkit needs this otherwise the post goes off to the right.
Causes issues in IE browsers in (and cached search engines pages it breaks them).
*/
.postarea .post .signature
{
float: left;
}



Tom M

[Ash-1993]

Can i see a preview of signatures please?.

[adbrad]

a lot of users including myself seem to find that code causes the error you could try deleting the file or you could try this http://www.techmamu.com/smf/fixing-signature-and-attachment-issue-in-smf-curve-theme/

[notfixingit]

We noticed after the fact that only new posts were fixed, anything posted before the upgrade still displayed incorrectly. Weird right?

Fix was the following in index.css
Orig:

Code Select Expand

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
        overflow: auto;
        line-height: 1.4em;
        padding: 0.1em 0;
}


New:

Code Select Expand

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
        overflow: auto;
        line-height: 1.4em;
        padding: 0.1em 0;
        width: 100%;
}


Thanks Adbrad!

[Antechinus]

Can we mark this as solved now?

[notfixingit]

Only partially. We just found out today that there is a "scroll bar" added to the sig now (on chrome and safari, but only on windows) See here hxxp:i183.photobucket.com/albums/x123/pixlor/misc/scroll.png [nonactive]

Testing to figure it if one of the previous fixes created the problem or was it there to begin with.

[notfixingit]

Ok, so two unrelated issues (last post).

To fix the scroll bar issue, in the signature section of index.css I changed overflow to "hidden" and added max-height 100%

Not really a design guy, more of a sys admin, so if someone has a better fix, please let me know.

[JimM]

Thanks so much for posting your fix.  So many times folks just say its fixed and don't realize that the fix could help someone else.  If this is solved, please mark it solved by clicking the Mark Topic Solved link at the bottom left.

[[SAP]Francis]

I think this should be stickied so people do not ask for the same question over and over again. This has the fix so why not?

[Divaksh]

This is What i Need too. . .

[peranders]

Fixed here also. Works good with Safari. Thanks.

[Rudy64]

The posts above fixed my signature line issues (thanks!) but attachment placement is still screwy.  (Or, maybe it's the subject line?)  In Chrome, the attached image pushes off to the right.  It wants to place itself just to the right of the post text.  There is also a horizontal scroll bar at the bottom of the browser when the attachment is shifted like this.

I tried editing the CSS a bit, but didn't find anything that would work. 

I'd post this separately, but I feel it may be related to the other CSS in this thread.