Xhtml part 2

As a wrote a couple of days ago, i’ve been working on converting a website with a lot of tables for layout to an tableless website using xhtml and css. The result is ok in mozilla but very good in ie6.

The problems in ie are mostly caused by two bug, which are well documenten on the internet:

  1. margins for floating divs are doubled if you don’t specify display:inline,
  2. extra margin is added to the bottom of list items.

The page now looks ok in both mozilla and ie, althought the pictures in the top don’t change in ie when you hover over the menu. I’ll probably have to use some javascript or ie behaviours to fix this.

Some usefull ie workarounds are listed on mezzoblue and on Explorer exposed!.

blog comments powered by Disqus