Ems for Font Sizes

Headings & Hierarchy

Writing for the Web

html 5  - Just the Tags

Forms with Basic php

Styles for Media Types
Css Rules

Makin' a List
XHTML - What's in Your Head
Cascading Rules
XHTML Basics
508-a-Must
Principles of Design

Setting-up Your CSS
Are your Fonts always Welcome
Do You Know your Links
Snippets: Separate CSS for IE6
The Net

Color Basics
Using a List for your Menu
Your Screen Images
Your Screen Colors

A Good Usability Book: Amy Wonnell

Using PHP include(); to make header and footer templates Amy Wonnell

Target IE6/7: Chuck Borowicz
New window: Klara Schmitt
Target blank: Sally Hopper
Css rollover: Mary Spense
Remove link line: Patrick Cole

Two of the major differences between IE6 and all other browsers is how IE6 interrupts the CSS box and it's not being able to read transparency within images (png24).

Box Size

With all other browsers the box size grows as you add padding and borders

with IE6 it does not. The box remains the same size. One way around this is to add an additional div inside the main div and take the padding off the main div and add margins to the inner div.

Transparency
The only way to get around IE not reading transparency is to place the image as a background for a div.

Then create an additional style sheet for IE. For the IE style sheet the background image for the div is not transparent

Link to IE Style Sheet
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE-6-SPECIFIC.css" />
<![endif]-->