Emulating position: fixed; in IE 6 & below

If you're new here, you may want to subscribe to my RSS feed.

A little background:

Internet Explorer 6 and below do not understand the CSS property and value position: fixed;. All the better browsers (IE7, Firefox/Mozilla, Safari, Opera) understand and apply this rule.

If you are unfamiliar with position: fixed; it basically makes an element stay in the same position on a page while the page is scrolled. When using position: fixed; you should set the position using a combination of top or bottom and left or right.

(16 votes, average: 4.25 out of 5)

 Loading ...

Client-proof Columns

A common problem I face regarding CMS template implementation is that the HTML/CSS is restricted to only valid code. This commonly used WYSIWYG editor boasts XHTML 1.0 output but sometimes that may not be enough for a good looking document in most browsers. When working with pixel-perfect designs, this quickly becomes a major issue. Naturally, we can all argue as to why everyone should be writing valid code; the bottom line is we’ve got to please the client whether they know how to write standards-compliant code or not. This document will go over some of the common client-related quirks we’ve uncovered and outline possible fixes using CSS and HTML.

1. No P tag for paragraphs
2. Long word breaks column in IE
3. List nested in P tag + IMG tag inside the P

(5 votes, average: 4.6 out of 5)

 Loading ...