Resources
CSS Browser Bugs and Problems
Resources are sorted by date entered with the latest entries being at the top. A maximum 30 in each category are shown per page. There are 14 entries in this category.
→ denotes an external link that will open in a new window.
- → New CSS commands for Internet Explorer 7
- Internet Explorer 7 now supports a number of new CSS commands - find out what these are and how to use them.
- → Taming Your Multiple IE Standalones
- Multiple versions of Explorer for Windows on a single computer have revolutionized CSS bug testing for websites, but sadly the different IE browser windows appear identical to the eye, potentially leading to confusion and testing mistakes. Also, Microsoft's proprietary Conditional Comments don't operate properly on these standalones, making advanced usage of CC's a guessing game. These problems have now been resolved by Manfred Staudinger...
- → CSS Crib sheet #3 - Centering a Div
- It's actually very simple, although you need to use a few hacks for unruly browsers...
- → CSS Crib sheet #2 - Clearing Floats
- When floating elements it's fairly common to add an element to your document who's sole purpose is to clear the preceding float...
- → CSS Crib sheet #1 - Gaps Between Vertical Nav Elements in IE5
- When creating a typical "Left Hand Menu" using Styled lists, whitespace appears between the nav elements in IE5. To fix this problem, simply set the containing li element to be inline.
- → CSS Problem-Solving
- Browsers are the wild card in CSS. If everything worked according to spec, the development process (once you've figured out the complexities of the box and float models) would be relatively straightforward.
- → CSS Crib Sheet
- You will no doubt come across many quirky layout issues when building a site with CSS. You'll end up banging your head against a wall time and again. This is an attempt to make the design process easier, and provide a quick reference to check when you run into trouble.
- → Common Coding Problems with HTML and CSS
- Because certain problems seem to turn up again and again on CSS forums, we have collected the most common of these into a handy list in the hope of somewhat reducing the "frustration factor" of working with CSS.
- → How to isolate mystery CSS bugs
- By following the proceedure here, a clear understanding of the problem may be quickly obtained, freeing the coder to find a workaround or avoid bugs altogether.
- → Minimizing Flickering CSS Background Images in IE6
- Explains the causes of background-image styled elements flickering when moused over in IE 6. Also offers some solutions.
- → Flash of Unstyled Content (FOUC)
- Some pages that use the CSS @import rule experience a curious display quirk in the Windows version of MS Internet Explorer: a momentary Flash Of Unstyled Content or FOUC.
- → Explorer Exposed!
- A list of the common CSS bugs, most with solutions, that are found in IE 5 and higher.
- → The IE Doubled Float-Margin Bug
- Detailed article explaining the double margin bug and a simple, elegant solution.
- → Float: The Bugs (The IE float model)
- When it comes to CSS positioning, IE does some rather odd things. One of these things has to do with the way floats are handled. Excellent article!
Copyright © 2010, the members of Web Standards Group
Contact Russ: memberhelp @ webstandardsgroup.org
