problems in ie6
alanwsl - June 9, 2009 - 08:38
| Project: | Dynamic display block |
| Version: | 6.x-1.0-rc6 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | postponed (maintainer needs more info) |
Description
Thanks for this wonderful module.
The only problem is with ie6. FF and ie7 run perfectly.
1) Last 2 words form the pager display again in the next line (see attachment), if i remove the "es" it will display "ic"
2) Slider transparency not transparent
3) "Read more" button contain white angle
Thank you
| Attachment | Size |
|---|---|
| ddblock-ie6-problem.jpg | 15.71 KB |

#1
#2
White angle has been remove from read more button
#3
We don't have IE6, so I hope others will answer this and explain what has to be changed.
#4
Is there anyone who can help???
#5
It looks like _you_ are assigned to solve this issue, therefore do not expect much help... ^___-
Change the config of this issue, and you may get lucky.
I do not have IE6, but it looks like the whole issue is NOT related to ddblock, but just to IE6.
Some sweat on your CSS should solve all your issues (hint: use "opacity: 0.5" to get the transparency). Good luck!!
#6
Or accept that we are now in 2009 and IE6 isn't even supported by Microsoft.
#7
I know that there are still some people using IE6. I have IE6 and also notice that "Read more" button contain white angle. However, when I go to http://ddblock.myalbums.biz/node/338 in IE6, "Read more" button DOES NOT contain white angle. I have used Firefox to check if the same button readmore.png was being used in that page and found that it was the same button.
Can anyone explain how we can make "Read more" button DOES NOT contain white angle as in http://ddblock.myalbums.biz/node/338 in IE6? Thank you in advance.
Kit
#8
Still don't have IE6
@alanwsl
can you explain how you get the white angle. In #2 you say you solved that part.
I set Assigned to: Unassign
#9
For the readmore button to display without the white angle in ie6, i changed and saved the original readmore.png to alpha transparency using adobe fireworks. There is an easier way by using a module call png behave that pretty much do the same thing.
#10
Just replace your readmore.png and readmore-hover.png with these attachments and the white angle in ie6 will be gone without affecting ie7 or moz and the quality of the image. :)
Hope this help someone.
#11
using opacity: 0.5 to get the transparency is not a problem but that will affect the text in it too. Or am i missing something? Can you use opacity for "background-image" in css? Can i have an example?
#12
@alanwsl
Thank you for posting your explanation for the readmore button
#13
Thank you alanwsl for posting the 2 images at #10. I confirm that these 2 images in IE 6 have no right angles.
Kit
#14
I've been baffled about this one for a while, did you find a solution?
d
#15
1) Last 2 words form the pager display again in the next line (see attachment), if i remove the "es" it will display "ic"
2) Slider transparency not transparent
for ie6, problem not solve.
3) "Read more" button contain white angle
in ie6 problem solve, you can download and replace the image from #10
#16
Hello, I have check that the example http://ddblock.myalbums.biz/node/336 and it doesn't work with ie6.
The problem is that there is still a lot of people that use ie 6, between the 10% and the 20%.
Here is a example of how it's show in ie6. There is a way to get this right, or I have to choose another theme?
Thanks
Oskar
#17
#16, I see the examples on ddblock.myabums.biz don't work in IE6, but this is an example of the ddblock module which does use a script instead of the module. The module works ok in IE6, just not some of the examples on ddblock.myalbums.biz (have a look at examples at themes.myalbums.biz which all use the ddblock module Rc6).
For all to know, I am glad if someone finds a solution which will work for all.
I spent a lot of time looking for IE6 transparency solutions with fading transparent images in IE6.
There are several solutions available. But as far as I know all have their issues.
Search on IE6 transparency fading and you will find them all.
If someone can show me a solution which works for all, I am glad to implement it with the ddblock module.
My workaround using the text background at the moment is using a gradient image (see attached image, so it does not look that flat in IE)
Add CSS in the specific IE stylesheet to make it transparent with an opacity (you can adjust the opacity what suites you best)
div.ddblock-cycle-modest-dual40l div.slide-text{background:transparent url(custom/modules/ddblock/images/gradient_bg_ie.png) repeat scroll 0 0!important;position:absolute;filter: alpha(opacity=80);
}
Hope this also helps others, but until there is no solution for all, I can't add anything to the module or themes for this.
Help with this greatly appreciated.
#18
For the problem with the text not rendering on the correct line, this may be related to the HasLayout bug. I describe a fix for that here:
http://drupal.org/node/590666
If that is what is causing your problem, it's due to the clear-block class containing the divs in your dynamic block. The fix requires several steps and then some tweaking for your specific layout.
For the transparency issue, I like the way Penusa.com addressed it:
http://penusa.com
By giving their transparent background a little bit of a texture, it doesn't stand out so badly.
http://penusa.org/sites/all/themes/pen/custom/modules/ddblock/images/tra...
This is a graceful solution.
Also, if your read more link has a button background, either get rid of that and make it plain text in a contrasting color that will show up well on the background, or open up the button in an image editor and make it a transparent .gif instead of a .png. Make sure that in all cases your matte color matches the color of your background. (I looked at a bunch of sites using this module tonight in IE6 and many don't do this, makes it look sloppy.)
If you still want to keep your read more link a .png for other browsers, only change the css in your ie6 css file. (Assuming you have one, but to implement the HasLayout fix above you also would need one.)
Or, just make the read more link background a rectangle instead of a rounded button and transparency won't matter so much.
#19
#18 The first issue you mention here you refer to #15 point 1 I think
Maybe it would be better if the poster gives more info about his issue (link to site would be helpful to show the issue) but I assume it is not related.
http://penuse.org uses a little bit darker transparent background image which looks a little bit better in IE6.
Did you try my workaround in #17 with a gradient? What do you think, does it look better?
The buttons provided with the ddblock themes are example button.
Maybe better to say, the whole ddblock themes are exampe themes.
Will add new buttons with the new version of the module, because it looks like most people just use what they get instead of create what they require.
I never though people would just stick with the button backgrounds we supplied, but would use their own.
Like I mentioned before I did not look much at IE6 before, simple because I had no easy option to test in IE6, because I did not have it, Now with IETester and IE8 development tools I have more options to test ddblock themes for it.
I think most developers would be happy if they don't have to care about IE6 anymore.
With looking at a lot of sites with IE6, I think you have the same experience as a real IE6 user, they never know if they see all the functionality of an Internet site and I think more and more Internet sites will not care about IE6 anymore now IE8 is there.
(IE6 users and especially organisations and companies using IE6, upgrade to a browser of this time, to give your members and employees a full internet experience)
#20
Further experiments with transparent images in IE6. (for the background of the slidetext)
IE 6 works with transparent PNG8 images.
A pixel is here transparent or has a color. No translucent pixels
I experimented with a transparent pattern which looks ok in IE6 and also is good enough in all browsers.
You could also use conditional stylesheets to use the PNG8 image in IE6 and the PNG24 image in all other browsers.
The result image is attached.
Hope this helps users who want to support also IE6 further.
Please test this image and post feedback to let me know if this is a workable solution to add to the ddblock themes.