BODY – наше все?!

Trifler Blog

BODY – наше все?!

Из того, что не вошло в "Иллюзию идеала". body самодостаточный блок по своей сути, но почему-то редко используется в этой роли. Целесообразность в наличии дополнительного контейнера, в котором находятся те же – шапка, собственно тело страницы и подвал, часто вызывает известные сомнения. Понятно, что тут играет роль чисто индивидуальный подход, но в большинстве случаев может прекрасно обойтись и без него.

Cтранно, что очень многие этим злоупотребляют.

А, что делать - привычка вторая натура :)

В любом случае, body позволяет полноценно использовать функционал общего блока.

html

  </head>
     <body>
     .
     .
     .
     </body>
   </html>

css

  * {margin:0;padding:0}
  html {background-color:#ddd;height:100%;}
  body {
    background-color:#fff;
    border:#000 1px solid;
    margin:1px auto;
    min-width:720px;
    max-width:800px;
    min-height:100%;
    height:100%;
  }
  *html body {width:800px;}
  body {#padding-bottom:5px;}

Последняя строка в стилях, дает нужный отступ для IE 6(7) в FF,OPERA в нем нет нужды.

Как видим все очень просто.

Пример

Комментарии к этой заметке больше не принимаются.


Топ 10 - на эти заметки чаще всего ссылаются:

Locations of visitors to this page
август 2008
пн вт ср чт пт сб вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
free  counters