Другие языки программирования и технологии

фон сайта html

Вот наш сайт http://kempo-wkf.narod.ru/
В баузере ГУГЛ-ХРОМ фон сайта отображается нормально (растягивается на весь браузер при любом его размере) , а в мазиле и Экспорере отображается некорректно (не растягивается на весь экран браузера, а по разрешение картинки) . Не могу разобраться в проблеме.

css-код:

body {
background:transparent url (img/water.jpg) no-repeat center center fixed;
-moz-background-size:cover; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size:102% auto; /* Opera 9.5 */
-webkit-background-size:102% auto; /* Safari 3.0 */
-khtml-background-size:cover; /* Konqueror 3.5.4 */
background-size:cover; /* CSS3 */
font-family: "tahoma";
font-size: 8pt;
margin:0px;
color:#222;
}

html-код:

<body>
Виктор Косован
Виктор Косован
89 345
Лучший ответ
в дремвивере смотри как настраивал бакграунд
Миша Бурштын
Миша Бурштын
10 506
Что это за дизайн? Дизайнера из местной психиатрической лечебницы нанимали? Снесите лучше это нафиг... такое позорище, аж глаза слезятся.
Код помойло редкостное.
У тебя и пути кривые, и в верстке еще цсс перекрывающий... я удивляюсь, как у тебя вообще что-то показывает.
---
Ты лучше веники вяжи, а не сайты делай.

Не тот же дизайнер, случаем, вот этот календарь делал?



А это уже в шутку, но тоже по теме:

на самом деле в корне неверный подход к верстке. как нужно:
1. для надписи сверху создать отдельный div
каратэ Набережные Челны СК «КЭМПО» в ГЦДТ
для него прописать CSS:
#header {
height: [измерьте высоту сами] px;
text-align: center;
color: #ffffff [пропишите верный] ;
width: [укажите ширину] ;
margin: 0 auto;
}
2. аналогично разобраться с логотипом справа.
3. для фигур людей слева и справа создать div'ы (они не должны растягиваться, чтобы не искажать пропорции изображений) . фоном для них задать соответствующие картинки.
4. сделайте фон для body из картинки с водой (без надписи, логотипа и фигурок людей соответственно) с такими свойствами:
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;

и ни в коем случае больше не используйте ни background-size, ни какие-либо еще свойства из CSS3, т. к. эта версия еще не поддерживается большинством браузеров и не будет в ближайшем будущем (а жаль).