Часто бывает, что при бестабличной вёрстке сложных макетов приходится использовать многовложенные конструкции с элементом div. При этом придумать понятные имена css-классам для каждого из дивов тем сложнее, чем их больше.
Иногда выходит нечто банальное:
Но бывает и такое:
Всё зависит от вдохновения.
Иногда выходит нечто банальное:
.a { ... }
.b { ... }
.c { ... }
Но бывает и такое:
.one { background: url('/images/sitedesign/bgcenter.png') repeat-y; }
.two { background: url('/images/sitedesign/bgtop.png') no-repeat; }
.three { padding: 17px 13px; background: url('/images/sitedesign/bgbottom.png') no-repeat bottom; }
/* ...o'clock, four o'clock, */
.rock { position: relative; min-height: 545px; //height: 545px; }
Всё зависит от вдохновения.