Tag: IE 7

2009.02.16 16:58:52
Susan Jackman

CSS Specificity, CSS Inheritance, and a few more CSS tips

You may have experienced the effects of specificity in a number of ways.  Perhaps you have applied a hover effect to a link only to be left scratching your head wondering why it’s not working.  Or perhaps you have noticed that if you move a declaration further down in your CSS file it magically seams to work.  Both of these examples are caused by CSS specificity, a difficult to understand concept for beginners and pros alike.

If you're using simple CSS documents, you may think that specificity really doesn't matter. But the larger and more complicated your CSS style sheets get, the more conflicts you're going to have.


  IE 6 | IE 7 | CSS | Tips | Susan Jackman
Comment 0Hits: 4844  

2009.01.28 01:06:10
Susan Jackman

I will be adding more to this post, but for now here is a really weird IE bug. A box with position:absolute next to a float may disappear.

Solution: An absolutely positioned box sometimes disappears when in the pages source code it is the preceding or the following sibling of a float. Adding a box (arbitrary div) that seperates the absolutely positioned box from the float (between them or wrapping one of them) will fix the problem.


  Web Development | CSS | Tips | IE 7 | Susan Jackman
Comment 1Hits: 4641