News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Curve+Chrome: Signatures Broken?

Started by poolhall, November 10, 2009, 11:26:08 AM

Previous topic - Next topic

poolhall

Signature areas are badly broken in SMF 2.0 RC2 with Aeva ~ Auto-Embed Video & Audio and Hide Tag Special mods installed for Chrome browser, latest version. Did not try on clean install.

Diabolo.ca

Is this the same problem as here: [Curve] Safari "float:left" signature display?

In that case you could see if that fixes it.


poolhall

yep! Exactly the same, and that indeed fixes it! Thanks very much.

chaitu_cheat

Still doesn't work :(, alternative signatures in posts go right ...

demo: http://www.asli-indian.com/index.php?topic=706.0

chaitu_cheat

Guy,

Try this out:

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
   width: 98%;
   overflow: auto;
   clear: left;
   padding: 1em 0 3px 0;
   border-top: solid 1px #aaa;
   line-height: 1.4em;
   font-size: 0.85em;
}

change clear:right to left, this worked out for me...

info: file is index.css which is located under themes/default...let me know if u have any other fixes for it.


snork13

#6
try this:

Themes/default/css/index.css

find:

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
width: 98%;
overflow: auto;
clear: left;
padding: 1em 0 3px 0;
border-top: solid 1px #aaa;
line-height: 1.4em;
font-size: 0.85em;
}


replace with:

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
width: 98%;
overflow: auto;
clear: both;
padding: 1em 0 3px 0;
border-top: solid 1px #aaa;
line-height: 1.4em;
font-size: 0.85em;
}


Mods
Please DO NOT PM me with requests for individual support, but post your questions and concerns in the appropriate section of the forum where other users can benefit from them as well. Thank you.
I have been super busy as of late. Working on updates to all my modifications for 2.0.1

poolhall

Probably this is a better solution, in index.css (Curve):

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


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

Sirius OCTeam

Hi

I confirm for the last solution:

Firefox 3.5.5 : OK
Safari 4.0.3 (531.9.1) : OK
Chrome 4.0.223.16 : OK
Opera 10.01 (1844) : OK
IE 7/8 : OK

But possible side effects....?

SoLoGHoST

Quote from: poolhall on November 11, 2009, 05:03:00 PM
Probably this is a better solution, in index.css (Curve):

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


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


Excellent, this 1 worked a charm.  Cheers :) 

Note:  Doing clear:both on the signature and attachment css rules causes another display issue just underneath the post title in chrome.  But adding width: 100%; in the code above did it just fine for me.

~DS~

Perfect, was looking for a solution in chrome and safari when PM and signature brokes over the screen.
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

FTGuy

Quote from: SoLoGHoST on November 13, 2009, 11:35:48 AM
Quote from: poolhall on November 11, 2009, 05:03:00 PM
Probably this is a better solution, in index.css (Curve):

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


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


Excellent, this 1 worked a charm.  Cheers :) 

Note:  Doing clear:both on the signature and attachment css rules causes another display issue just underneath the post title in chrome.  But adding width: 100%; in the code above did it just fine for me.
Thanks for the help folks... Worked for me as well..  8)

Cheers!

gm112

#12
I don't.. think this patch is needed. I removed webkit.css just to see what would happen, and everything rendered properly. I'm using Chromium 5.0.328.0 build 39002.

EDIT: Tested this on Google Chrome 5.0.307.7, and it worked perfectly fine w/o the hacked CSS. Not so sure about Safari. I don't think removing it "yet" would be smart. Just leave it up for your users who may be using older versions.


.attachments
{
    clear: right;
}


That's a simpler fix, in my opinion. Use which ever one you want. They all do the same thing ;P.

Joshua Dickerson

Another one that I'm not sure if it is actually a bug. Can someone look in to this?
Come work with me at Promenade Group



Need help? See the wiki. Want to help SMF? See the wiki!

Did you know you can help develop SMF? See us on Github.

How have you bettered the world today?

Antechinus

From memory this was fixed yonks ago.

Joshua Dickerson

* Joshua Dickerson shows Antechinus where the MOVE TOPIC button is.
Come work with me at Promenade Group



Need help? See the wiki. Want to help SMF? See the wiki!

Did you know you can help develop SMF? See us on Github.

How have you bettered the world today?

Advertisement: