7 октября 2006, 4:53

Див в диве с дивом внутри

Часто бывает, что при бестабличной вёрстке сложных макетов приходится использовать многовложенные конструкции с элементом 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; }


Всё зависит от вдохновения.