Вот наш сайт 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>
Другие языки программирования и технологии
фон сайта html

в дремвивере смотри как настраивал бакграунд
Что это за дизайн? Дизайнера из местной психиатрической лечебницы нанимали? Снесите лучше это нафиг... такое позорище, аж глаза слезятся.
Код помойло редкостное.
У тебя и пути кривые, и в верстке еще цсс перекрывающий... я удивляюсь, как у тебя вообще что-то показывает.
---
Ты лучше веники вяжи, а не сайты делай.
Не тот же дизайнер, случаем, вот этот календарь делал?
А это уже в шутку, но тоже по теме:

Код помойло редкостное.
У тебя и пути кривые, и в верстке еще цсс перекрывающий... я удивляюсь, как у тебя вообще что-то показывает.
---
Ты лучше веники вяжи, а не сайты делай.
Не тот же дизайнер, случаем, вот этот календарь делал?

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

на самом деле в корне неверный подход к верстке. как нужно:
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, т. к. эта версия еще не поддерживается большинством браузеров и не будет в ближайшем будущем (а жаль).
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, т. к. эта версия еще не поддерживается большинством браузеров и не будет в ближайшем будущем (а жаль).
Похожие вопросы
- Верстка сайтов HTML CSS JS
- Можно ли добавить на сайт HTML-скрипт для слайдера с ссылкой на картинки, которые хранятся на Google диск, например?
- Кодировка на сайте (HTML)
- Сайт HTML CSS JS Как сделать сайт (я знаю озы html css и js)
- Создание сайта. HTML
- Размещение сайта HTML кодировки
- Что делать если сайт HTML, а нужно сделать другой дизайн, не меняя ссылок.
- Управление сайтом HTML нужна помощь.
- Делаю шаблон для сайта (html). Ссылки с главной страницы на другие... Каждая страница - новый документ html?
- Что лучше учить? Разработка сайтов? HTML/CSS/PHP или все же разработку приложений? C++/Java/Python ???