CSS : CS3382 - Week 4

To learn more about CSS, i have browse several article about CSS's properties as the followings:

1. Differences between inline and blocks element

inline elements (em, strong, a, span; anything with display:inline)
block elements (hX, p, li, div; anything with display:block)

There is an important difference between their padding and border formatting.

• The position of Block: includes its padding and border and
• The position of Inline: includes only horizontal paddings and borders
  

2. Bugs in IE

1. MSIE 5+ for Windows ignores the "_" at the beginning of any CSS property name
• e.g. in WinIE, _color:red treated as color:red
2. treating overflow:visible as height:auto

3. Dynamic width of background

1. Prepare the background image in the same ratio as the columns.
2. Position the image in the background in the same ratio as well.

3.    #content {
   ...
   background: url('bkgr.gif') 30% 0% repeat-y;
   ...
   }