I built a website and it looks fine in browsers like IE and Firefox, but the background does not show up in an AOL browser. Is there a special way I need to code the background image or any tips on how to make it compatible?
Firstly, AOL Browser has not existed since July 2005... However I will take AOL Browser to mean AOL Explorer for this answer, which it has been named since 2005. If I am wrong... Update your web browser (Get rid of AOL and use another mainstream one)
AOL Explorer was built on the Trident HTML renderer, AKA MSHTML... Also implemented in (You guessed it) Internet Explorer.
If you are using AOL Browser, upgrade IE to get a newer version of Trident.
Secondly, you need to include your source code so we can see if you are using Trident version compatible HTML.
So in short, provide us with the source code of your <head> tag so we can make sure you are doing it properly and upgrade IE to the newest version (or at least version 6).
Related
I'm making an old website with HTML. I used the reset.css and I can see this perfectly on the web (http://www.ceachile.cl/revista/) with Chrome, Firefox and IE10, but my client can't see some elements properly. I don't know what else can I do to fix this table that is in a wrong place. Here's a folder with a lot of screenshots of the site in many browsers and OS.
Some snapshots of what the website looks like under various browsers can be found here
You have to check with elements of HTML and CSS each of the browsers support. Trident has historically been behind in implementing a lot of newer features. If you aim to support older browser, you have to look at their documentation and write code based on what they can handle.
Take a look at http://msdn.microsoft.com/en-us/library/bb250496(v=vs.85).aspx for ie7.
If you know your client's OS and browser version, you can use a service like www.browserstack.com to test your website in this environment and debug it with the usual developer tools.
I have a ready template that is supposed to support the major browsers and IE versions 9, 10 and 11. The web page looks good on Chrome, Firefox and in my IE 10.
Using the F12 (developer tools) I have tested it using Browser Mode set at IE9, 8 and 7.
In the I have added <meta http-equiv="x-ua-compatible" content="IE=Edge"/> so the "Document Mode" is set to Standards by default. I have choosed Edge because it fixed some issues on 7 and 8, that were not fixed using the content="IE=1E9".
So everything looks nice in my pc, supposing that the "Browser Mode" is actual how it looks on an installed IE9, 8, 7.
When I use some online tools like http://netrenderer.com/ and set my choice to IE8 it shows a messy site, not like the one I see.
Who is the correct? Am I missing something?
Don't test using browser modes, use the actual browser - you can download free virtual machines from modern.ie.
Settings the IE=Edge doesn't guarantee proper browser mode. Check in the VMs or using browserstack to make sure the browser modes are being set correctly in the F12 tools
In my experience I have been mislead on more than one occasion using the IE developer tools when assuring my sites look good on IE variants. If you are familiar with VMs then I would suggest installing a Windows guest machine and install the appropriate browser versions.
If you want to test on your local machine for IE issues I use BrowserStack and I can configure it to run on my local machine so I can see my changes as I go along rather than making changes on local, publishing them, and then going into my VM and seeing if things look good.
just like the title says, my website layout appears to be fine on all other browsers at various zooms, sizes and what not, but not in Safari.
The website adheres to HTML5 and CSS3 standards according to W3Cs validators, and I cannot spot any errors myself.
Website can be found at : http://www.kehza.co.uk/Arcade
It's very basic atm, I want the layout to work on all browsers before I progress. (catch bugs early on).
Edit :-
In Safari at certain zooms, massive white space appears at the bottom of the page, also a border is massively out of place.
See images for difference thanks :)
The latest version of Safari for Windows is 5.1.7, but some of the CSS tags that you are using require Safari 7.0. One example is the box-shadow for the #wrapper element. This is why the website does not display correctly in the Windows version of Safari.
Source: http://caniuse.com/#search=webkit-box-shadow.
It is rumored that Apple has dropped development for Safari on Windows. You will probably want to decide what legacy version of Safari that the website will support. If you are planning on using features of CSS3, then you will want to test the website in a later version of the Safari browser, available on the OSX platform.
Hello my website http://www.paruhdice.com/index2.html is not acting as it should be. It worked some what fine in IE 8. And works perfectly in the latest CHROME and Firefox... but my sliding navigation is not even responding. What should I do? Prompt users to use CHROME or FIREFOX... or is there a fix to this? Thanks ahead of time
It seems to be working for me in IE 9.0.8112.16421 as well as the latest Firefox release. The left-hand navigation bar moves smoothly with the window as I re-size.
Unfortunately, HTML5 is not a fully implemented standard, so you won't get full support in any browser. IE9 was also released back in march and both Chrome and Firefox have made great strides since then to add more support for HTML5. Doing a quick web search I came up with the site, http://html5test.com/results.html. It certainly gives an interesting overview of your current browsers support for html5 as well as the ranking of other browsers by comparison.
Since it all ready sounds like you are telling all of the old IE, Safari, Firefox users to update to view your site, I see no reason to tell them some features don't work and you recommend they upgrade.
I did a new Drupal theme for my site based on the Zen theme. Since I am on Windows 7, I did testing with IE8, Firefox 3.5, and the most recent version of Chrome. The site looks great in all of those, but I just found out that it breaks on IE7. Unfortunately there is no way to put IE7 on Windows 7, so I'm at a loss for how I am going to find the exact cause and test a fix without flagging down a friend with IE7 on Vista or older.
My hope is that someone here might see what the issue is and point it out as something obvious. My HTML and CSS fu is not strong.
The site in question and some specific pages:
http://byswarm.com/
http://byswarm.com/setting-concept/mejijpunk
http://byswarm.com/page/plan
Any help would be greatly appreciated.
If you can use Microsoft Virtual PC. you can get IE6, IE7, IE8 VPC image free for development.
http://www.microsoft.com/downloads/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en
Use Sun VirtualBox (freeware) to create Virtual Comps with Windows XP (for IE7) and Windows 2000 or 2003 (for IE6), also recommend to install additionally IEDevTools (tools like Firebug for Firefox) for these IEs...
For fast previewing pages in IE you can use IETester (support 5,6,7,8 versions of IE)
Normally IE8 has a button right to the address bar where you can display it rendered by IE7. If not, you can always try this header, that forces IE8 to render as IE7: