I'm working on a website which includes a facebook comment box within a div (div id="article") which has an overflow="auto" attribute.
The article body scrolls but the comment box extends outside the div in Internet Explorer (I use IE9).
It's working as expected in FF and Chrome.
Related
I put the no-captcha recaptcha in a popup (FancyBox), everything is fine.(recaptch1.PNG) But when the user click on the checkbox the captcha image overlay is not show entirely. (recaptch2.PNG).
My question, can we place automatically the overlay the manner the user can see the directive. (recaptch3.PNG) Or can we resize the overlay to fit the iframe in the popup so everything can be seen?
Any suggestion?
recaptch1.PNG
recaptch2.png
recaptch3.PNG
I think i found a solution. After a lot of search i have found this link: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/
It's resize the container of the recaptcha V2, but not resize the overlay because google inject the overlay on the page not in the container. Because i have found that google inject the overlay on the page, I can now customize the overlay. So I use the technique on the previous link but I affect to the class "gc-bubbleDefault".
I add this in my css and this solve my problem:
.gc-bubbleDefault{transform:scale(0.82);transform-origin:0;-webkit-transform:scale(0.82);transform:scale(0.82);-webkit-transform-origin:0 0;transform-origin:0 0; 0}
It's a solution that don't work on all browser version (not old ie), but it's work for me.
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 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
I have an ajax modal popup that animates the popup panel in.
Everything works fine in Firefox et al, but there are a couple of issues in IE8.
1) The text looks grainy (as per when you use a filter with text).
2) Hover state on buttons does not work.
I'm trying to find a solution, but struggling to come up with an answer. Maybe one solution is to try and call animation from javascript rather than place it in the aspx page.
Any ideas?
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.