i have the problem for IE7 and 8 browser in Mozila FF and chrome works finely.
the problem is basically the dropdown menu is made of pang images with shadow effect for menu in this site it shows perfectly when i browsing with Mozila FF & Chrome
But the problem comes when i am browsing the site with IE7 & 8
the menu shows solid border instead of shadow.
and second prob. is when the page loading happen all menu images are showing.
Kindly visit this site
http://thirdgroove.com/
thanx
It's an IE thing. It has always had trouble displaying PNGs - even version 8 struggles. You could try changing it to a PNG8 instead of PNG24. That might work for IE 7 & 8, but I don't think it will help with IE 6 (you may not be bothered about that).
See:
How to solve/hack fading semi-transparent PNG bug in IE8?
and
http://www.mooforum.net/discussion/issue-with-png-transparency-ie8-t2063.html
Related
As the title says entire bottom part of the site breaks on mobile(for example samsung galaxy s5 mini). It only happens in mozzila mobile broswer(here is a screenshot). Does anyone know why is masonry causing this. http://i.stack.imgur.com/FFSKw.png
It's possible that the float isn't cleared after the tiles have been rendered.
See: https://www.sitepoint.com/clearing-floats-overview-different-clearfix-methods/
On this page http://bit.ly/202URGh, when I click on Book Size (Second row icons) and then click on Book type (First row icons), the image collapses into the other div.
I have added clearfix, but that seems to have had no effect. This seems to be a problem only in Safari on Mac. Other browsers work fine.
Can someone help. My problem is compounded because I don't have a Mac to test.
I understood the source of the problem. Issue was because I was trying to get the height of image dynamically. Safari (and webkit based browsers) do not seem to support dynamic height computation. Jquery was returning the height as zero and hence the div was collapsing.
I need to display Flash content, and I have an image that is "encasing" the Flash content, the image is a PNG with the center transparent.
In Windows 7 and FF and IE it works ok, in Chrome however the Flash content is non-interactive, like if it was rendering behind the image.
In Windows 8 only seems to work in FF, in IE is broken too.
Any ideas how to go around this?. Is there some kind of layer of depth I can set somewhere?.
I am facing a weird behavior from bootstrap. I am using img-responsive class for a image in my page using bootstrap.
my image is fine in Google Chrome it re sizes properly but in FF and IE it is re sizing properly in desktop and I PAD view but when i go lower screen size like phones and i phones it doesn't re-sizes it stays the original size.
It works fine for Google chrome for every screen resolutions but in IE and FF it doesn't shrink in any single columns sizes. it retains the original size of the image which is very big.
Attached are the images from the web inspector for each browser.
Firefox
IE
GoogleChrome
Any help
Try updating to the latest version of bootstrap. This has been resolved since version 3.2.1
Related issue : IE backslash hack on .img-responsive stretches images in IE<11
Added col-xs-12 to all the divs being used, then it fixed the issue..
So I've had this issue with my header. My site is adaptive and when it reaches tablet size and less the navigation turns into a drop down box. When I resize the window in Firefox it degrades nicely, but in Safari, when it reaches the switch the whole header disappears. I've been toiling with it and discovered that when I removed the slider or set the sliders display to "none" it works. When the slider is there I can't tell if the header div is behind the slider or just disappeared all together.
What in gods name is going on here?
Here's the site. http://www.benstephan.com/html
Your site works just fine in firefox, chrome and in safari too (tested with version 5.17). Probably you need to update safari then test. btw cool site.