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
- MSIE 5+ for Windows ignores the "_" at the beginning of any CSS property name
- e.g. in WinIE, _
color:red
treated ascolor:red
- treating
overflow:visible
asheight:auto
3. Dynamic width of background
- Prepare the background image in the same ratio as the columns.
- Position the image in the background in the same ratio as well.
#content {
...
background: url('bkgr.gif') 30% 0% repeat-y;
...
}