Форум Сайтостроение Веб-строительство

почему не работает

[Удален]
512

Почему тут одно блочит другое?

html {
background:url(img/bg.jpg) top;
}
body {
background:url(img/bg.gif) top left repeat-x;
}
alexilorenz
На сайте с 21.06.2010
Offline
6
alexilorenz
#1

Потомучто html - контейнер документа, а body - контейнер внешнего вида. Вроде так.

Заработок, сервисы и прочее (http://your-internet.ru) Электронная сторона жизни (http://e-side.in/)
[Удален]
#2

alexilorenz, но ведь должно работать же...

alexilorenz
На сайте с 21.06.2010
Offline
6
alexilorenz
#3

Я не гений вёрстки, но где вы конкретно увидели такой приём?

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#4

В каком смысле "блочит"? Фон назначен разным элементам, должно работать. Проверяйте путь и название/расширение файлов картинок.

[Удален]
#5

Постоянно вижу хотя бы на этом форуме. Может вы мне подскажете как сверстать вот это двумя отдельными бакграундами, чтобы они до упора касались границ экрана без применения


* {
margin:0; padding:0;
}

Kram. добавил 07.07.2010 в 08:10

Olldman, проверил всё.

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#6

Без применения обнуления не получится. Тем более, если разговор пойдет о кроссбраузерности. В каждом браузере свои отступы элементов html, поэтому, как правило, и применяется обнуление с помощью универсального селектора.

[Удален]
#7

Может проще будет создать контейтер на всю ширину экрана, залить его одним бэком, а html,body присвоть второй бэк

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#8

А для? Зачем лишний элемент? Чем не устраивает html как элемент разметки? То же применимо и к элементу body. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

  <head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1251">

  <title></title>

<style type="text/css">

*{margin:0px;padding:0px;}

html{height:100%;background:#fffccc;}

body{width:100%;height:100%;background:url(html_fon.jpg) top repeat-x;}

</style>

  </head>

  <body>



  </body>

</html>
[Удален]
#9

Ладно, спасибо, попробую разобраться

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий