Making Your Site Look Great in IE7

Making Your Site Look Great In IE7 Markus Mielke Program Manager Internet Explorer Platform NGW042

Making Your Site Look Great in IE7 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

How Did We Prioritize IE’s Work? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Will Show You ,[object Object],[object Object],[object Object]

Position Is Everything ,[object Object],[object Object],[object Object]

And A Bunch Of Other Bugs Too ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Overflow Behavior Now Fixed! ,[object Object],<style type="text/css"> div { width : 100px; height: 100px; border: thin solid red;} blockquote { width: 125px; height: 100px; margin-top: 50px; margin-left: 50px; border: thin dashed black} cite { display: block; text-align: right; border: none} p { margin: 0;} </style> <div> <blockquote> <p>some text long enough to make it interesting.</p> <cite>- anonymous </cite> </blockquote> </div> ,[object Object],[object Object]

We Also Added Most-Requested Features ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

New Standards Features In Action ,[object Object],[object Object],[object Object],[object Object]

Other Ways To Make Your Site Great ,[object Object],[object Object],[object Object],[object Object]

How Does It Affect You? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Common Breaks And How You Can Easily Fix Them ,[object Object],[object Object],[object Object],[object Object],[object Object],<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

CSS Hacks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],

The Holly Hack and Has Layout ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What’s Next For IE ,[object Object],[object Object],[object Object],[object Object],[object Object]

Call To Action ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Community Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Session Evaluations We value your feedback, so please submit an online evaluation for each session you attend! To make it worth your while, we pick one evaluation from each of the ten session timeslots. If we pick your eval, you will be eligible to win a Creative Zen MicroPhoto

3 Pixel Text Jog Before (IE6) and After (IE7) ,[object Object],[object Object],Notice the gap?

A Word about HasLayout ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HTML element independent of Body ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

auto alignment for building flexible 3-column layouts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Conditional comments ,[object Object],[object Object],[object Object],[object Object],[object Object],

Why shouldn’t we use filters? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Overflow (1of 2) ,[object Object],[object Object],[object Object],[object Object],<style type="text/css"> div { width : 100px; height: 100px; border: thin solid red;} blockquote { width: 125px; height: 100px; margin-top: 50px; margin-left: 50px; border: thin dashed black} cite { display: block; text-align: right; border: none} p { margin: 0;} </style> <div> <blockquote> <p>some text long enough to make it interesting.</p> <cite>- Foo </cite> </blockquote> </div>

Overflow (2 of 2) ,[object Object],[object Object],[object Object],[object Object],[object Object],Before IE7

Native XMLHTTP ,[object Object],[object Object],[object Object],Syntax if (window.XMLHttpRequest){ // If IE7, Mozilla, Safari, etc: Use native object var xmlHttp = new XMLHttpRequest() } else { if (window.ActiveXObject){ // ...otherwise, use the ActiveX control for IE5.x and IE6 var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } }

Making Your Site Look Great in IE7

Recommended

Recommended

More Related Content

What's hot

What's hot (18)

Viewers also liked

Viewers also liked (6)

Similar to Making Your Site Look Great in IE7

Similar to Making Your Site Look Great in IE7 (20)

More from goodfriday

More from goodfriday (20)

Recently uploaded

Recently uploaded (20)

Making Your Site Look Great in IE7