So I was testing out the 960gs when I encountered a problem with the Opera & IE8 browser.
Below is an image with the page rendered in Opera (But same error happens in IE8.)
I don't care about the buttons not being styled correctly, but it's the divs aligning horizontally that bugs me.
Below is the same page rendered with chrome (looks the same in firefox).
Anyone knows what the problem might be?
Your HTML has incorrect tags. buttons cannot have hrefs. Only links (a tags) can.
Your CSS does not have gradients for Opera, IE only for Safari/Chrome.You would do that using -o-linear-gradient(top, #ade2ff, #0588fa);
Well, either you use <button> or <a>. If you start your buttons with <button> you can't end them with <a>. Just choose one of them and your grid layout works.
Related
Check this page in Chrome (Mac).
http://lindesvard.se/varumarkesutveckling/
1) Page top has five icon buttons with CSS animated hover effect.
2) Page bottom has a contact form.
3) When NOT hovering icon buttons, contact form checkboxes render perfect.
4) But AFTER hovering any icon button, contact form checkboxes collapses.
When searching for Chrome CSS animation bugs, there is a lot of suggestions on using translateZ(0). So I wrote CSS
-webkit-transform: translateZ(0) scale(1.1)
but the bug is still there. All works fine in Safari. Does anyone have any clues on what happens here?
I have a Telerik radGrid that when a gridrow is clicked, it will expand and display an image that uses Atalasoft DotImage (version 9.0.3.45452) ImageViewer to display the image.
Everything worked with IE8. Any broswer IE9+, it seems to not show the image. The image appears in other areas of the application (and works), but it is not attached to any Telerik controls.
I have scouring the internet to see what was changed between IE8 & IE9, but I have not found anything that would help me out.
The image will show in the Telerik grid using IE8 & in developer tools, if I use quirks mode.
Could someone point me in the right direction between the two browsers and their rendering of these controls in a high-level sense?
It seems that it has to deal with iframes, parent doctypes, and IE9. I have found a reference
here
I can't click on some of the links and text boxes in the #header of my website in IE8 (works otherwise fine in modern browsers)
See: http://www.ekgquiz.dk
I have tried those solutions without any success.
Sometimes i can click the links during loading time.
In IE only text part of link is clickable
Link is clickable sometimes on page load, other times not clickable
IE8 - navigation links not working
Thanks in advance for your help!
Antoine
Opera is the only browser I've tested that doesn't recognize the links on my home page. I can click on a few of the images and go to the linked page, but most don't do anything when I click. The cursor even remains an arrow. Works in every other browser.
http://test.davewhitley.com/not-wp/mobile_test/
They are images wrapped in anchor tags and the grid is created with css columns.
Any ideas?
Update:
The same links that are not clickable also aren't inspect-able in opera's web inspector.
Update:
Please note that some of the images are click-able on the left hand side. Which images are click-able varies with the browser width. If you view the website > 1300px browser width then most of the images are not click-able on the right side.
This seems to be a known bug in Opera 11.6x which is fixed in the most recent previews of Opera 12. I don't know of any workaround right now, but given that a fix is coming in the not too distant future I would simply wait for it.
I have a menu here:
http://www.gardensandhomesdirect.co.uk/menutest
It works as it should in Chrome, FF and IE9.
However if you try it in IE7/8, the first menu, Garden Furniture, when you try to hover over any other option than All Garden Furniture the menu closes. This doesnt happen on any of the other menu categories.
Im at a loss as to why this is the case, it is likey right in front of me!
Any help is appreciated.
Thanks!
That menu doesn't work in IE9, IE8, or IE7.
It would work in both IE8 and IE9, but you're forcing those browsers into IE7 mode with this meta tag:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
If you remove that, only IE7 will remain broken.
IE7 is broken because it has known bugs concerning z-index, see:
div layering problems
Why is my CSS drop-down menu opening behind a DIV in IE7?
IE 6 & IE 7 Z-Index Problem
I will investigate and provide exact instructions on how to fix this in IE7 if:
You're sure you care about IE7.
You need the exact instructions.
The absolute position of all the sub-menus one of top of another is causing this confusion. The first sub menu of 'garden furniture' does not overlap any other submenu beneath it, which is why I think this is the only one that works.
Try setting increasingly higher z-index values for each submenu in .side_nav. If you can't add classes to do this, you can do it with jQuery.