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.

Converting modern design to IE6 compatible.

Featured Replies

Im testing this site

http://metaforce.flashandasp.net

 

it works in the modern broswers that are compliant with the standards (chrome, FF 3, IE 8) but breaks in IE7 and IE 6. I got the tip that i should do another set of CSS sheets for IE6 and that should also work in IE7.

 

This idea is ok. Just wanted to ask the more experienced designers.

 

1. Do you agree to this

2. Where can i find guides to designing for IE6

3. Are there any tutorials or guides for converting a modern day CSS to work with IE6?

 

Thanks everyone for your time!

Lautaro.

Consistency

If done properly then your site should look the same in modern browsers, and at least similar in IE6 - except for the few known bugs.

 

Transparent PNGs

IE6 doesn't support 24-bit transparent PNGs. You can use supersleight, frankensleight or any of the other available png fixes to work that. Alternatively, you can create gif versions of those images, with a fixed background matte and apply them to IE6 only.

 

Box Model Bug

IE6 only again. This can normally be fixed by adding display:inline-block or display:inline to elements with double padding/margin.

 

IE7 Hacks

You shouldn't really need any. IE7 is pretty well behaved with CSS2. Anything that appears broken in IE7 you can normally fix in your normal stylesheet and will still work across all browsers. There's exceptions of course but that depends on your CSS.

 

 

From looking at your site, the biggest issue I can imagine you having is with the transparent png images. I normally use supersleight which does the job if you're not using sprites.

  • Author

Consistency

If done properly then your site should look the same in modern browsers, and at least similar in IE6 - except for the few known bugs.

 

From looking at your site, the biggest issue I can imagine you having is with the transparent png images. I normally use supersleight which does the job if you're not using sprites.

 

THANKS FOR REPLYING! :)

Im eager to learn more about this as i realise alot is probably my fault for not being experienced enough in CSS.

I never heard of supersleight but will check it up now.

Actually the biggest problem is that alot of the divs are placed anywhere but where they should be, including underneath other divs! Any tips to what will fix that is appreciated.

Even more appreaciated is a more thorough explanation to what i have done wrong and how it should be done cause i am more eager to learn and understand then to just fix this sites problem.

 

Thanks again!!!

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.