I am not having any joy over at the Prime Faces forum on my question about IE7 and was hoping someone here might be able to help.
Basically two problems:
IE7 Z-index problem of the modal popup showing on top of the site's logo. (The logo has an absolute position to make it sit on top of the design)
The modal window does not open to the right size, it's smaller in IE8 and greater.
Problem here is that I don't have full control of the site. I basically am trying to make things work in the Developer Toolbar and then sending the changes back to the developers.
Here is a video to show the two points of issue as mentioned above.
http://screencast.com/t/aW1ecqIuNi
Many thanks
Related
this website: http://mr-chemie.dev-pixalla.de has a scrolling issue on mobile phones and tablets. When scrolling in one direction, everything is working perfectly fine, but as soon as you change the scrolling direction you got to scroll twice. I noticed that when scrolling up after scrolling down, the vertical scroll bar on the right expands out to full height for a moment. When scrolling up the second time everything works fine.
I'm using Elementor page builder for Wordpress and got some knowledge with CSS. The problem did not occur on any other website I created. I just do not know any kind of property to solve my issue, neither did I encounter similar questions when searching for it on the internet.
Thank you very much for your help!
I had the same problem. It was caused by shape bottom divider turned on (Elementor, waves divider). The top one works fine. But when bottom is enabled - then the strange behaviour on mobile happens.
I had my app working just fine a few days ago and then I noticed the first problem. I had to tap twice in order to make a button go to the next screen. Also happened to the checkBoxes. Had to tap twice to make them change.
But now it got serious. Since yesterday when I tap on a TextField the app freezes and then crashes.
The only significant changes I remember I did were 2: I uploaded an image for the App Icon and I edited the TitleArea UIID. I removed the TOP and BOTTOM margins. It also affected some of my label and button UIID, because now they don't show on the device
When I run the simulator, the doble tap also occurs, but the TextFields work fine and the Button and Label UIID look the way they should.
Any ideas why this happens?
I am right now working with old versions to try to determine the reason, but no luck so far. Thanks
Use a solid color rather than a gradient with the same colors. Gradients are slow and problematic across platforms so you are paying a lot for something that you aren't even using.
We'll need a better test case to reproduce crashing, I think that what you initially saw when you submitted the issue was a regression in the text input that we since resolved in the build servers.
I have a problem displaying the mobile menu. Here is the page http://www.hawaiiluaus.com/contact.htm
When you minimize the screen you can see the menu showing up very little bit, indicating it must be some sort of z-index issues. I tried a few solutions but it still did not work. I would appreciate any tips for this issue. thanks!
I'm using the Google Translate widget ( http://translate.google.com/manager/website/ ) on my website. It works fine on the desktop screen, but it uses the exact same layout on mobile and other small screens, and looks terrible. For one thing, the iframe containing the list of languages has a hard-coded width of 860 pixels. You can't select any languages beyond the 3rd column because they're off the edge of the screen (and you can't scroll to the right to see them because the browser doesn't realize that the iframe is too wide -- I assume it's the same problem as discussed here: Webpage with wide iframe is not scrollable on an iPhone with viewport ).
I've looked into fixing the problem using CSS, but CSS can't "see" inside iframes. I've searched all over stackoverflow and the rest of the internet, and not only have I not found a solution, I haven't been able to find anyone else complaining about the problem. I can't be the only one, can I?
I found a solution: Instead of "Dropdown only" layout, I chose "Horizontal". When you do that, Google uses a simple drop-down list instead of a big iframe.
The little panel that appear at the top of the page is still too wide to display properly, however, but that's a minor issue.
I Have a Silverlight Menu on a ASP.NET page,
on this page bellow the menu there's a Html Table
and bellow the table there's a dropdownlist.
The silverlight DIV is position: absolute; z-index: 999;
The silverlight App is designed with zindex in its elements, is windowless, and background transparent.
This Works fine on Firefox however in IE6 (requirement) it doesn't work, the silverlight gets bellow the html table and dropdownlist
Any help would be appreciated.
Thanks
Gabriel
I only spent a small amount of time reading up on this particular problem, but it seems that this is a problem with most z-index settings with IE6.
It appears that in Internet Explorer
(windows) positioned elements do
generate a new stacking context,
starting with a z-index value of 0 quote
I found an article that addresses this issue by setting the parent div's z-indexes as well. However, you mention that the Silverlight div has a z-index specified, but no code, so I can only guess that what you have done might be the same as in the article.
There is another article that makes use of iFrames, that you might want to look at as well.
Hope this helps you.
Well I had to solve the problem with a nasty javascript.
The think is the IFrame solved most of the problem, another part I had to remove any position: relative i had used, and there was still the ASP.NET DropDownList's that got on front of my silverilght Menu, I didn't have the time to solve this on a 'correct' way (if I can even say this). I had to use javascript to hide the DropDownList's and when the user hover out of the menu I'll show the dropdownlist's again.
this link with a working example helped me a lot.
Thanks for the help everyone that helped.