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

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

Destaque

Destaque (6)

Semelhante a Making Your Site Look Great in IE7

Semelhante a Making Your Site Look Great in IE7 (20)

Mais de goodfriday

Mais de goodfriday (20)

Último

Último (20)

Making Your Site Look Great in IE7