Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Detect IE6 Load Graphic on top of website

Featured Replies

I have created a graphic I want to load up on top of my site if the user is using IE6 or earlier and when it's clicked it closes.

 

I want the simplest and easiest method of doing this.

 

Here it is if you're interested.

 

Thanks Guys

 

Luke

post-11979-125612636281_thumb.jpg

Insert a div at the top of your body, do the mark up etc...

 

put display as hidden in your CSS.

 

Then create a conditional comment for IE 6 to load a different CSS file which has display as block.

 

There are a few other methods, but i find this the best.

  • Author

Insert a div at the top of your body, do the mark up etc...

 

put display as hidden in your CSS.

 

Then create a conditional comment for IE 6 to load a different CSS file which has display as block.

 

There are a few other methods, but i find this the best.

 

Do I need any kind of javascript to detect IE6? and is there any good tutorials you know of?

 

Cheers

 

Luke

i just found a new way, which is an adaptation of what i was saying before.

 

You can use

<!--[if IE 6]>
<div class="bing">bang bong</div>
<![endif]-->

Enter in that tag what you want to appear, and only IE 6 will show it.

Just to add my own personal opinion to the issue. Firstly, gaz's code is right on the mark for what you want to do. But with your graphic, I'd recommend taking a more softly-softly approach to users with IE6.

 

Recent market research has indicated that the people most likely to upgrade from IE6 have already done so, leaving the vast majority of people still using IE6 in the category of "IT unconfident", who either aren't sure/don't know about upgrading, or people in offices who probably haven't been given the choice by their IT department whether to upgrade or not.

 

So I think the bottom line is go ahead with the great image of Mr. T, but I'd include a link to a page somewhere (one must exist) detailing the reasons why a user should upgrade. This might help these two demographics more than just "Upgrade now!"

 

Darren

  • Author

Just to add my own personal opinion to the issue. Firstly, gaz's code is right on the mark for what you want to do. But with your graphic, I'd recommend taking a more softly-softly approach to users with IE6.

 

Recent market research has indicated that the people most likely to upgrade from IE6 have already done so, leaving the vast majority of people still using IE6 in the category of "IT unconfident", who either aren't sure/don't know about upgrading, or people in offices who probably haven't been given the choice by their IT department whether to upgrade or not.

 

So I think the bottom line is go ahead with the great image of Mr. T, but I'd include a link to a page somewhere (one must exist) detailing the reasons why a user should upgrade. This might help these two demographics more than just "Upgrade now!"

 

Darren

 

I really appreciate the advice and in the situation of a clients website or even my own that is the approach I would take however this is just for a laugh to go onto our band website that struggles to display properly in IE6. It's more of a warning to say "if it doesn't display right it's your problem" not so many people use IE6 anymore and there rare occasions that it would show would hopefully be seen by fans of the band that share our sense of humor.

 

Many Thanks

 

Luke

  • Author

I was just having a think. I have Lightbox setup on the page would it be possible to detect IE6 and then automatically open that image with lightbox which the user can shut by clicking off the image or hitting close?

 

 

Ideas and solutions please send away

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.