I coded and integrated a website into Wordpress, but for some reason it looks awful in Internet Explorer 7.
The content is not centered. Is there any hack for this?
All the other browsers seem to be working fine...
This is my website:
http://slavisaperisic.com/wordpress/
If you are using the auto margin method to center the content, try to set the text alingment of the parent element to centered. This should fix the problem.
Related
I´m working with md-datepicker. In some screen resolutions (or if I do a zoom out in the browser), the calendar open in Full Screen Size and all the background is White. Also, the bar that shows the days, is hidden.
I attach an Image for reference. How can i debug for find the reason of that behavior? I have been modifying some styles, and using diferent containers´ options, but without success. Thanks in advance for your help and ideas!
Image: https://s10.postimg.org/604p76qix/md_datepicker_full_Screen.png
https://postimg.org/image/hp8ov5hhh/
This was a bug in 1.1.0. Version 1.1.1 fixes it.
Workaround is setting overflow:hidden; on the md-datepicker-input-mask class
This is a problem that seems to have occurred for no reason. Everything was working fine, and now all of a sudden the overlay iframe for the admin interface renders too high so that any tabs are rendered underneath the toolbar. I hadn't edited any css or html so I don't see how I could have done this. Has anyone seen this happen, and how did they fix it? I'm attaching two images. One shows the site as it is (incorrectly). The other shows another similar site that is functioning correctly. Also, notice on the incorrect display, somehow the toolbar is showing OVER the browser scrollbar.
The problem is that I was swapping in JQuery 1.8.3 with hook_js_alter. This has a known problem causing this exact issue. I didn't need a later version of JQuery after all so I removed that, and it fixed the problem.
This is my website: https://www.tkeventreg.com/ehome/index.php?eventid=71868&
It looks completely fine in all browsers except for Internet Explorer 7, where it sends the sidebar buttons to the top of the page.
The website is set up as mostly images, with a absolute positioning layout.
Please let me know any ideas you have to fix this problem.
Not very sure but this may be due to the z-index value. You can set the parent z-index to a higher value
I'm creating a web app exclusively for the iPad/mobile-Safari. The homepage is a run-of-the-mill HTML/CSS page with 3 main sections. But once you click on either of the 3 main buttons, you are directed to a page constructed with 2 iFrames (one on top for Nav, one on bottom for Content)
The problem was that before either of these 3 pages loaded there was a quick flash of white color and then the page loaded. I tried hiding the visibility style of the iframe and then onLoad change it to 'visible' and that worked. But it worked only once, when the iFrame-constructed page first loads. Once it loads and I click on a link on that page, the white flash is back because the iFrame has loaded already so it's already visible.
I tried the obvious like adding a css style to the iframe with a background color (also tried an inline style) but the same thing happened. Any ideas on how to solve it? Thanks!
You can do this cheat:
<iframe src="..." style="visibility:hidden;" onload="this.style.visibility='visible';"></iframe>
In the content, you can catch all link and form:
document.getElementsByTagName("a").addEventListener("click", function(e){
window.top.document.getElementsByTagName("iframe")[0].style.visibility = "hidden";
});
Explain:
First time, your iframe is hidden, and you can see the background of your main page (not white of iframe)
After loaded, Javascript will make iframe is visible and you can see content and background of iframe.
When click a link inside iframe, a trigger will fire, and Javascript will hide iframe again.
I met that problem, and that a whole day to trying to fix, but I cannot except above way. You can meet that issue on Chrome, Firefox, and other browsers, not just on Safari Mobile.
I think the same with KimKha. But "visibility" does not work well sometimes, so I think using "opacity" is better.
<iframe src="..." style="opacity:0;" onload="this.style.opacity=1;"></iframe>
I came across this issue, found lots of solution like KimKha mentions..
None of the solutions assist in further page transitions in the iframe and hiding it really is not a good solution.
With lots of trail and error I came up with the following which fixed my IOS webkit iFrame transition white flash issue, ironically it's such a simple solution:
Just add this to your CSS
html{background:#000}
change the colour to your desired color.
It looks like what the ultimate issue with IOS webkit is when your iframe calls another page, IOS removes the body from the current page for a split second before rendering the content from the new page. by forcing the HTML to have the background colour (default will naturally be white) this fixes the white flicker.
Also note that if your server is set to not allow caching of the .css file providing the styles then you will always get the flicker.
In apache to ensure caching look at
ExpiresByType text/css "access plus 30 days"
I'm playing with the Silverlight AccentColor theme.
Downloadable here:
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=e9da0eb8-f31b-4490-85b8-92c2f807df9e&displaylang=en
Demo page here:
http://www.silverlight.net/content/samples/sl4/themes/accent.html
When I use the theme in a new project, there is a small grey border around the edge of the entire page. It is not there on the demo site.
Can anyone tell me what is causing the border so I can remove it and have my app look like the demo site?
I have no idea why there is a grey border there... I also tried Chrome n FireFox they don't have the border as in IE9.
However, if you deploy the website project you will notice the grey border is gone. So probably you don't really need to worry about it. :)