How to get “position:fixed” css to work in IE 7+ with TRANSITIONAL doctype?

by

You don’t need a Strict DOCTYPE for fixed support. You only need a DOCTYPE that triggers Standards Mode (or ‘almost standards’). That can be a transitional doctype such as:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

or XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

as long as the system ID (the URI at the end) is included.

If your pages really are relying on Quirks Mode (ugh!), I’m sorry but you cannot use fixed and will have to resort to JavaScript hacks (but then you might need those for IE6 anyway).

More Related Contents:

  1. Why does height 100% work when DOCTYPE is removed?
  2. IE7 Z-Index Layering Issues
  3. Should I use single or double colon notation for pseudo-elements?
  4. IE7 Z-Index issue – Context Menu
  5. Bootstrap dropdowns menus appearing behind other elements – IE7
  6. What bug does zoom:1; fix in CSS?
  7. IE7 relative/absolute positioning bug with dynamically modified page content
  8. box-sizing support in IE7
  9. IE7 and the CSS table-cell property
  10. IE7, IE8 support for css3 media query [duplicate]
  11. What disadvantages are there to the tag?
  12. How to fix Internet explorer 7 bug when using percentage widths for layout?
  13. IE6/IE7 css border on select element
  14. What is the difference between display: inline and display: inline-block?
  15. CSS selector based on element text? [duplicate]
  16. CSS @font-face not working with Firefox, but working with Chrome and IE
  17. Opacity of background-color, but not the text [duplicate]
  18. Formatting numbers (decimal places, thousands separators, localization, etc) with CSS
  19. How to increase the gap between text and underlining in CSS
  20. Downloading a Google font and setting up an offline site that uses it
  21. How to style a div to be a responsive square? [duplicate]
  22. Expand div from the middle instead of just top and left using CSS
  23. How to make a element expand or contract to its parent container?
  24. Defining Variable Variables using LESS CSS
  25. How to hide scrollbar in Firefox?
  26. How to auto adjust the height according to content in it?
  27. What is the difference between block and inline-block with width: 100%?
  28. Font weight turns lighter on Mac/Safari
  29. IE not rendering CSS properly when the site is located at networkdrive
  30. text overflow ellipsis: avoid word break

Leave a Comment