- Posts: 6219
COMMUNITY FORUM
White pixels
- JoomlaWorks
- Offline
- Admin
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Tim Arnold
- Topic Author
- Offline
- New Member
- Posts: 11
Every single person I know with IE6 and IE7 in various parts of the world are seeing the problem.Points taken guys! But as I said, this rendering bug is not visible in the same way from all browsers and computers...
Please Log in or Create an account to join the conversation.
- Maxim Milakov
- Offline
- New Member
- Posts: 7
Every single person I know with IE6 and IE7 in various parts of the world are seeing the problem.
Exactly.
I registered here for 2 reasons:
- Thank you guys from Joomla Works, you are doing a great job in Elas.
- Share good-enough solution for the white-pixels problem.
First of all, I searched the net for the similar problems. The results are:
- In most cases the original black pixels are shown as white ones. This is exactly my case.
- In some cases the dark pixels, not just #000000, are also shown as white ones.
- The problem is in... let's say how IE implements functions used by mootools. We definately cannot do anything with IE, me personally cannot do anything with mootools.
- People say that the problem is associated with opacity... I guess this is something about transparency. That is IE treats these pixels as transparent and the white pixels we all see is just the color of the background.
So my solution is to make the background of color #000000. I did it by modifying slimbox.js:
Replace line
this.center = new Element('div').setProperty('id', 'lbCenter').setStyles({width: this.options.initialWidth+'px', height: this.options.initialHeight+'px', marginLeft: '-'+(this.options.initialWidth/2)+'px', display: 'none'}).injectInside(document.body);
with modified version:
this.center = new Element('div').setProperty('id', 'lbCenter').setStyles({width: this.options.initialWidth+'px', height: this.options.initialHeight+'px', marginLeft: '-'+(this.options.initialWidth/2)+'px', display: 'none', background: '#000000'}).injectInside(document.body);
The slideshow doesn't look so great anymore but 70% (IE users) users of my site don't need to stare into white pixels any longer. Check how it looks now: maximmoroz.ru/content/view/51/2/1/3/ , the site is in Russisn, just scroll down to the bottom of the page to the gallery.
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
- Posts: 6219
I'll look into this thoroughly and post back my thoughts. Your research on this is bery valuable. Thanks again.
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Andrew Nichols
- Offline
- New Member
- Posts: 1
Thanks for posting that fix, have used it on my site and cleans up the issue nicely.
To Fotis Evangelou,
I look forward to any other thoughts you may have on the issue. Nice if we can get it looking like the original style without the white pixels in IE.
AndyNick
Please Log in or Create an account to join the conversation.
- JoomlaWorks
- Offline
- Admin
- Posts: 6219
I'll put some notice in the next releases for that matter.
Perhaps adding the background color inside the CSS file (#lbCenter {...}) could do the trick as well. ;)
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.