HTML» Internet Explorer

How to beat Internet explorer when it comes to CSS and stop its regime of terror when using the net!

admin — Thu, 19 Jan 2012 04:00:07 +0000

Article by Peter Taylour

I am guessing an article on this subject has been posted prior to this one, I should hope a few have! However I hope this will provide a refreshing angle on the subject and branch to some other interesting bits of stuff.

I am sure that anyone who has taken even only a few steps into web development has come across the gigantic force that is Microsoft’s Internet Explorer. Even for the most experienced coders, the most popular browser of this age has always been a prominent foot across the path of our websites technological progression and the possibilities of which the internet is yet to yield. Maybe not crushing ideas, but certainly making it a lot harder to bring these ideas from paper to browser.

However, although IE, wielding its scathing weapon the Microsoft corp. and therefore for-fronting the battle as the windows default has dominated the market; we have weapons which allow us the fight back! I think I’ll cut the metaphors here and get back to business… Well, how can we fight back? And more importantly, what can be done to keep our designs looking slick in the interim… Yeah before the proper browsers take over!

I’ll start with the fighting back. Personally my favourite method would be to utilize a conditional comment and tell people what they should be doing! Something like this…

Internet Explorer is She! Get a proper browser like Firefox before I come round and make you!!!**

Realistically I wouldn’t try this method though, probably not the most tactful way when it gets down to it. You could however place a banner showing your support of these less buggy browsers such as firefox. This websites great for this promoting firefox business, very nice banners right here: http://www.spreadfirefox.com/?q=affiliates/homepage

Conditionals are pretty clever little buggers though, for general use they can become quite useful. And you’re not just limited to . The comments understand other operators as well; you’ve got the NOT operator which is an ‘!’. So “if not IE” would be . In addition to this there are “greater than” = ‘gt’, “greater than or equal to” = ‘gte’, “less then” = ‘lt’ and “less than or equal to” = ‘lte’. These can be used when referring to browser versions, so could be used to warn users about a feature unavailable to them when browsing your site with IE version 5.0 and below.

But we are not here to help out the Internet explorer users; we’re here to convert them! Doing your bit locally can make all the difference. If you are round at a friends and he/she happens to log on to the internet using IE (boooooo), make it your concern that the very first thing that is done is the downloading of firefox (sorry Opera etc I’m a bit biased to the mighty fox.) Of course if the loging on to the internet part does not occur in the general flow of things it must also be your concern to make sure it does!… “Umm, you mind if I check the train times?” Okay I’m getting a bit carried away here, although very important to the advancement of the human race, you need not devote your life to spreading firefox.

The great progression in the internet and its uses over the last few years has meant that the look and the feel of a site has come under a lot more scrutiny, especially with ever rising amounts of traffic as more and more people connect to the internet. Complicated uses of graphics and CSS mean that when it come to interpretation by different browsers, everything can go wrong. The Browser that is renowned for taking perfect code and screwing with the end results is of course Internet explorer. It is so tempting just to say screw it and ignore the IE users and their browser, but with over 58% still using a version of IE this really isn’t plausible solution.

So okay we’ve got to fix the problem. Where to start?

Well firstly it is a must to make sure your code is valid. Just from an incorrectly written Doctype or wrongly phrased line of css can through internet explorer into all sorts of funny modes where anything can happen. Make sure you get a green light here http://validator.w3.org/ and here http://htmlhelp.com/tools/csscheck/.

Good stuff, that’s one step in the right direction if anything. Now if the problem still exists, what now?

Most of IE’s rendering blips are caused by bugs, which can be worked around with quick alterations or what are called hacks. Chances are your problem has been experienced by people before you and a fix has been fabricated already.

So what’s going wrong? I will list a few of the most common bugs, some which I myself have experienced and a link to some relevant articles explaining in depth the fixes.

* My borders have gone crazy! – fix… http://www.positioniseverything.net/explorer/border-chaos.html

* Margins doubled, pushing my content down and generally mucking stuff up – fix… http://www.positioniseverything.net/explorer/doubled-margin.html

* Contents there one minute gone the next, the peekaboo bug – fix… http://www.positioniseverything.net/explorer/peekaboo.html

You may have noticed that all those fixes above are at one website. Basically “Big John” and co of Position is Everything.net have done a fantastic job among some other geniuses out there, so why don’t I just give you guys a link to his site, the chances are you’ll be able to find a fix there… http://www.positioniseverything.net/explorer.html

You’ve now with a bit of time and effort (it sucks doesn’t it, and it really is unnecessary effort!) probably been able to fixed up your site. But what if something still purists, what can you do!? Well here is what I do…

Firstly if you know something which could be causing the inconsistencies in your site when rendered by different browsers, try just experimenting with this particular element of the code. Say the content part of your page is being pushed below your side navigation and you recon that IE is playing with your margin values but it’s not the double margin bug. Just adjusting the values of margins can bring results. This is a good time to introduce an excellent piece of free software called CssVista. If you know css well it can also be an excellent tool when in depth analysing your code when looking for problems. Check it out here http://litmusapp.com/cssvista/

If you can still find no joy using this experimentation method I’m afraid the best hope is now to do what I really find annoying especially since if browser bugs didn’t exist it probably wouldn’t be necessary. We’re going to have to start again. Now don’t panic we’re not going to redesign your site from scratch, we’re going to make a mock up page of your current design, testing for rendering problems all the way.

Okay, well your average website nowadays is divs inside divs inside divs. So first step is to create you’re outermost div and in your css give it all the position you want and a background-color so that you can see it. Now add the divs that are contained with-in this one and do the same thing, giving them all nice bright colours so you know exactly where they are. Now test it like crazy, anything going wrong so far? Basically keep going like this, until something starts to look weird, then think why it doing this? What have I just done to make it go weird? Google and other free recourses can be come very useful now. Yahoo answers is fantastic for everything so it is always worth a try at http://answers.yahoo.com.

That’s about it really; Give that a try and well, good luck!

So, we’ve had a quick look at how to rid the world of Internet Explorer and how to get by in the time being. I’m not a fan of Microsoft attempt at an internet browser but not really in the league of this guy http://toastytech.com/evil/index.html.

Basically guys have fun and make sure you’re not supporting the IE domination by using it!

Pete Taylour is co-owner of the fast growing ebook site http://www.liqiuidebooks.com the only place to go for your cheap and free ebooks. With strong interests in a huge amount of different music styles Pete and friend are soon to embark on some crazy mix submission site for upcoming DJs across the globe, be sure to keep your eyes peeled for that and make sure you check out Liquid Ebooks at http://www.liquidebooks.com

About the Author

Technorati Tags: beat, Buggy Browsers, comes, Conditionals, Endif, Explorer, Firefox, Gt Internet, H1, internet, Internet Explorer, Little Buggers, Lt, Metaphors, Microsoft, Microsoft Corp, Microsoft Explorer, Microsoft Internet, People, Possibilities, Proper Browser, regime, Stop, terror, using, Weapons

Web design (HTML/CSS) help please! Internet Explorer issue?

admin — Mon, 09 Jan 2012 04:00:15 +0000

Question by : Web design (HTML/CSS) help please! Internet Explorer issue?
Okay so I had edited my website that is under squarespace.com, and had it perfected, with mozilla firefox. But when its opened in internet explorer, it is complete messed up!

If you want to see it to be able to help out, here is the website link: www.northwesthorizons.com

I suppose something in the coding I used is not supported by internet explorer??

Here is the code that is being messed up:

xhtml 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-…

NWH Blogs

Northwest Horizons Online introduces its new Blog Feature!

Check it out by clicking here

Suggestion Box

Fractal Edge Releases Fractal:Server Version 2.1

admin — Tue, 20 Dec 2011 16:00:02 +0000

Fractal Edge Releases Fractal:Server Version 2.1

London, UK (PRWEB) April 6, 2006

Fractal Edge today announced the release of Fractal:Server 2.1. Offering the same breadth of vision and speed of access as the Company’s desktop-based Advanced Data Visualization product Fractal:Intelligence, Fractal:Server 2.1 allows web administrators and other power users to quickly configure Fractal Maps to be delivered within the latest Internet architectures.

Fractal Maps provide business users with an intuitive and easy-to-navigate picture of their data in which hot-spots become instantly recognisable and can be targeted in just one or two clicks. This gives them the confidence that crucial business decisions are truly informed and accurate, allowing them to make these decisions in as timely a manner as possible.

“The introduction of Fractal Maps to our database of hedge funds provides our users with improved search functionality,” said Don Cacciapaglia, chairman and chief executive officer of Channel Capital Group Inc. “As the number of hedge funds increases and strategies become more esoteric, this new visualization software will allow our users to identify patterns that emerge in the hedge fund industry and drill down to the funds in which they are most interested.”

The new Dhtml Web Client works alongside the existing technologies in Fractal Edge’s Web Client Stack, the ActiveX and Mozilla plug-ins, to enable programmers to deliver interactive Fractal Maps to Web and intranet users whose browser or firewall permissions policies prohibit installation of these plug-ins. Leveraging standard HTML image map, Javascript and stylesheet functionality, the DHTML Web Client offers a “zero-download” alternative that will work on almost any Web browser and operating system platform, from Internet Explorer running on Windows to Firefox or Opera running on Mac or Linux. This ensures that Fractal Edge customers deploying Fractal Maps online can be confident that their entire user community is able to take advantage of the Maps’ unique capabilities, while maintaining the option for individual users to install one of the more powerful Web Clients if they wish.

“The DHTML Web Client was originally developed to satisfy the stringent compliance requirements of a major international banking client.” said Gervase Clifton-Bligh, VP Product Strategy & Development, Fractal Edge. “Feedback from other customers confirmed that the addition of this Web Client will broaden the appeal of Fractal Maps for a wide range of similar Web-based applications, and we are pleased now to make it a generally available option in our enterprise product suite.”

About Fractal:Edge

Fractal:Edge delivers software products for the interactive visual analysis and navigation of large, complex or fast-moving information sources. Our patented data visualization solutions are used by blue-chip clients worldwide in multiple industries and business functions to analyze information quickly and accurately.

Fractal:Edge is committed to working with dynamic and innovative partners to deliver targeted Fractal Map applications and custom Fractal Map solutions to commercial and public sectors worldwide. For more information, go to http://www.fractaledge.com.

# # #

, Vocus PRW Holdings, LLC.
Vocus, PRWeb, and Publicity Wire are trademarks or registered trademarks of Vocus, Inc. or Vocus PRW Holdings, LLC.

Technorati Tags: Advanced Data Visualization, Business Decisions, Cacciapaglia, Capital Group Inc, Chief Executive Officer, Dhtml Web, Edge, Fractal, FractalServer, Hedge Funds, Html Image, Image Map, Internet Architectures, Internet Explorer, Intranet Users, Plug Ins, Power Users, Releases, Search Functionality, System Platform, version, Visualization Product, Visualization Software, Web Administrators, Web Client

HTML Experts: Is there is a special or secret way to use HTML while designing a webpage?

admin — Sun, 14 Feb 2010 19:19:51 +0000

For instance, if you just use "regular" HTML, will people still be able to see and use my website normally, even if they are not using Internet Explorer? For example, I always use Firefox. Other people use things like AOL or Opera to browse the web. Thanks for your help!

There’s no such thing as a silly question. Don’t worry; HTML will work across all browsers. However, bear in mind that html does have different ‘dialects’ depending on whether you’re using strict, transitional, or frameset (this goes in the doc type declaration or DTD at the top of a html page) plus older browsers such as IE6 can be quirky and not show websites exactly as they should. Just use strict and xhtml (which is a cleaner, stricter version of HTML) and you should be okay in most modern browsers. Visit http://www.freewebtutorial.co.uk (web standards section) for more info.
Hope this helps.

Technorati Tags: Aol, Designing A Webpage, Different Dialects, Doc Type, Html Experts, Html Page, Internet Explorer, Opera Web, People, Silly Question, Thanks For Your Help, Type Declaration, Uk Web, Using Internet, Web Standards, Web Thanks, xhtml

how is XHTML easier than HTML when getting info to a handheld device?

admin — Mon, 25 Jan 2010 19:29:19 +0000

does that mean XHTML better/faster for internet browsing on a traditional computer?

In theory, the rules are simpler and violating lots of them results in an error message rather than spending processor power to recover. In practise, mobile devices now have fast enough processors that this doesn’t matter.

The theory also applies to desktops, but suffers from a few problems. The main one is that Internet Explorer doesn’t support XHTML (note that a document which conforms to the xhtml specification but is served as text/html is treated as HTML, so doesn’t count), and Firefox doesn’t do incremental rendering (so it doesn’t show anything to the user until the entire document is downloaded, making it take longer before the user can start reading).

Technorati Tags: Desktops, Error Message, Firefox, Handheld Device, Internet Computer, Internet Explorer, Mobile Devices, Processor Power, Processors, Text Html, Traditional Computer

Why does my home page no longer appear. It is there to edit and listed as index.html but blank when viewed.?

admin — Wed, 20 Jan 2010 05:57:33 +0000

I worked extensively on my site adding pages but now I no longer have my home page available. I am not over my limits, it does come up in page builder to edit but it will not load when accessed using view or directly. It is named correctly, index.html.

.
Hello

Fixing your system could be very simple, starting with an easy maintenance checklist:

___1. On Internet Explorer (IE) menu click ‘Tools’, click ‘Internet Options’, click ‘General’ tab, at ‘Browsing history’ click ‘delete’ temporary files, click ‘OK’ to exit. Repeat periodically. With email or internet usage weekly or monthly temporary file deletion is recommended.

___2. Increase the browser disk space allotment. On the menu again click ‘Tools’, click ‘Internet Options’, click ‘General’ tab, scroll to browsing history, set ‘Disk space usage’ at 250MB or 500MB, click ‘OK’ to finish.

___3. If you’re using XP some systems did not ship with Java. Download and install the latest version at http://www.java.com/

___4. Many Yahoo! advertisements are Flash Player oriented and you may need to install the newest version http://www.adobe.com/go/getflashplayer

Best wishes,
pup
.

Technorati Tags: 250mb, Adobe, Best Wishes, Click Tools, Disk Space Allotment, Disk Space Usage, Email, Explorer Ie, File Deletion, Flash Player, Internet Explorer, Internet Options, Internet Usage, Java Download, Maintenance Checklist, Page Builder, Pup, Temporary File, Temporary Files, Yahoo Advertisements

How do I hide a peice of html code from internet explorer so only mozilla firefox will read the code?

admin — Wed, 11 Nov 2009 16:42:50 +0000

How do I hide a peice of html code from internet explorer so only mozilla firefox will read the code?

Purple Moogle is right, but he/she has written the wrong codes down.

Instead of:

It should be:

Technorati Tags: Endif, html code, Internet Explorer, Link Rel, Lt, Moogle, Mozilla, Peice

What is the html code for text over images?

admin — Sat, 07 Nov 2009 01:46:22 +0000

What is the html code for text to appear when someone moves the mouse over a picture?

People never know what they are talking about. The alt="" attribute is NOT the attribute that shows the tooltip popup on a mouseover of an image. Although Internet Explorer does show the tooltip on a mouseover using the alt="" atribute, it is doing it WRONG!

The proper attribute to use in jus about any tag is the title="" attribute. Add this one with the short text description you want along with the alt="" attribute to stay within proper coding standards.

Ron

Technorati Tags: Alt, Atribute, Attribute, Coding Standards, html code, Html Images, Html Text, Internet Explorer, Jus, Mouse Picture, Mouseover, People Talking, Picture People, Popup, Tag, Text Description, Text Html, Text Images

XHtml/Html: How does the browser decide on size for tags

through to

?

admin — Thu, 05 Nov 2009 16:13:23 +0000

Xhtml/Html, how does the browser decide on size for tags

through to

I had a look in tools -> internet options -> general -> fonts but couldnt see anything.

Even though this can be changed in CSS im curious to where Internet explorer and firefox gets the sizes defaults from.

Thanks

These are just hard coded into the software and come from way back in the first days of markup, even before the internet really when word processors couldn’t display anything over the bog standard text, so needed something to differentiate headings from body text. h1 – h3 are larger than p and 4 – 6 go from the same to smaller.

So it’s really an arbitrary choice – which DOES change from browser to browser.

Technorati Tags: Arbitrary Choice, css, Firefox, Fonts, H1, H3, H6, Headings, Html Browser, Internet Explorer, Internet Options, Lt, Markup, Tools, Word Processors

How to make HTML file open in new window?

admin — Thu, 05 Nov 2009 16:13:06 +0000

When I edit html files from my computer, they keep opening in the same browser that I have opened. How do I fix it so that html files will open in their own windows?
I’m not looking to make a new window appear with HTML. I’m trying to edit html files and would prefer them to open in a fresh window instead of ‘hijacking’ my current opened browser.

Since you didn’t specify, I’m going to assume you’re using Internet Explorer in some version of Windows, which is likely considering anybody using any other browser on any other operating system would feel special enough to mention it.

In IE:
-Go to TOOLS in the menu. If you do not have the menu bar visible or if you don’t have text-labels showing, it’s the gear icon.
-In the TOOLS drop-down, go to "Properties".
-In the Properties dialog box, access the ‘Advanced’ tab.
-Within the Advanced tab there is a section called "Browsing" in the scroll-window.
-Find the option there-in that says "Reuse windows for launching shortcuts" If you’re using IE7 it will also say "(when tabbed browsing is off)".
-Make sure this item is unticked and OK out.
-Your issue should now be resolved.

Technorati Tags: Browser, Fresh Window, Html Files, Icon Tools, Internet Explorer, Menu Bar, Open Windows, Operating System, Shortcuts, Text Labels, Tools Menu, Using Internet

HTML» Internet Explorer

How to beat Internet explorer when it comes to CSS and stop its regime of terror when using the net!

Internet Explorer is Sh**e! Get a proper browser like Firefox before I come round and make you!!!

Web design (HTML/CSS) help please! Internet Explorer issue?

Fractal Edge Releases Fractal:Server Version 2.1

HTML Experts: Is there is a special or secret way to use HTML while designing a webpage?

how is XHTML easier than HTML when getting info to a handheld device?

Why does my home page no longer appear. It is there to edit and listed as index.html but blank when viewed.?

How do I hide a peice of html code from internet explorer so only mozilla firefox will read the code?

What is the html code for text over images?

XHtml/Html: How does the browser decide on size for tags

through to

?

through to

How to make HTML file open in new window?

Internet Explorer is She! Get a proper browser like Firefox before I come round and make you!!!**