Мои изображения Div не будут размещены. Не размещайте себя сверху и слева на 0px

0

Хотите, чтобы объект начинался с вершины 0px и 0px влево и проделал весь путь вправо: http://imgur.com/A76ymUQ

Я показал выше. Это код html и код css:

<div id="page">
                <h1 id="header"></h1>
</div>
-------------------------------------------------------------
body {
    background-image:url(../img/b_webclient_1.png);
    background-position: center center fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div #header {
    background-image:url(../img/webclient_header.png);
    min-height: 100px;
    width: auto;
    margin:; /* If you want no margin */
    padding:; /*if your want to padding */
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
  • 0
    Большинство браузеров имеют по умолчанию body запас 8px ... Попробуйте добавить margin:0; к телу выше.
  • 0
    Вот в чем проблема, это не поможет сделать это.
Показать ещё 2 комментария
Теги:
background-image
positioning

1 ответ

1

Источник: таблица стилей по умолчанию для HTML 4 из консорциума World Wide Web


Теги <body> имеют по умолчанию по умолчанию 8 пикселей

Сбросьте это, добавив это в свой CSS:

body {
  margin:0;
}

Теги <h1> имеют по умолчанию 0,67 em

Сбросьте это, добавив это в свой CSS:

h1 {
  margin:0;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню