Page 2 of 3
Top Stats
Posted: 16 Sep 2012, 13:03
by martin123456
Stoker wrote:Is it screwed here on this site too?
Nope
Just a thought tho have you tried it on any other themes ?
Top Stats
Posted: 16 Sep 2012, 13:12
by Stoker
Yes, several. It can be done by changing the settings mentoined in my previous post.
Top Stats
Posted: 16 Sep 2012, 13:43
by Stoker
Well, I can see that mine fits well in IE and FF but is a bit too high in Safari, Chrome and Opera.
I think there is a css hack to get it right
Top Stats
Posted: 16 Sep 2012, 13:47
by martin123456
Hmmm you say that but yours shows good on all browsers infact im here now on all 3 browsers and looking good.
IE9 firefox chrome.
Top Stats
Posted: 16 Sep 2012, 14:02
by Stoker
I think its a bit off in Opera. Not quite high enough.
So its probably Style dependant.
I found some hacks thats working for me on other sites nor using my own themes
Code: Select all
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#vertical-ticker li { height: 42px; }
}
/* opera */
noindex:-o-prefocus, #vertical-ticker li {
height: 42px;
}
Test them.
Top Stats
Posted: 16 Sep 2012, 14:23
by martin123456
Stoker wrote:I think its a bit off in Opera. Not quite high enough.
So its probably Style dependant.
I found some hacks thats working for me on other sites nor using my own themes
Code: Select all
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#vertical-ticker li { height: 42px; }
}
/* opera */
noindex:-o-prefocus, #vertical-ticker li {
height: 42px;
}
Test them.
Issue fixed just tweak the numbers to suit cheers stoker.
As it shows ok in all browsers but firefox i just used this
Code: Select all
/* firefox */
noindex:-o-prefocus, #vertical-ticker li {
height: 44px;
}
Top Stats
Posted: 16 Sep 2012, 20:23
by Stoker
Which was the part to fix Opera
Firefox/IE should be handled by changing the default code.
But if it works, who cares
Top Stats
Posted: 16 Sep 2012, 22:09
by cabalganti
No, it looks OK here but you only use 3 scrolling elements. I am trying to use 5. Any changes that will make it look better in Firefox, will break how it looks in Opera/Chrome. So right now, i managed to improve it, it is not "perfect" but barely noticeable. Thank you much Stoker for helping and for your time! You are such a legend in phpbb boards. Thank you much!
Top Stats
Posted: 16 Sep 2012, 22:23
by martin123456
Sorry but your wrong the images below are the same in firefox chrome and ie 9 using the snips from this topic.
chrome
firefox
it can be done you need to play with the numbers my friend.
Top Stats
Posted: 16 Sep 2012, 22:36
by martin123456
and here it is with 5 rows in chrome and firefox
If you cant work it out then il post the edits i used for you.
edit added another image as some one will say its not firefox
Once you have set the row height you can have as many rows as you want.