Как поместить изображение тега DIV в самый верх страницы в HTML5? - PullRequest
Новая
       23

Как поместить изображение тега DIV в самый верх страницы в HTML5?

1 голос
/ 20 апреля 2010

Я пытаюсь поместить x-повторную «сетку» изображений, используя background-image в CSS, затем используя идентификатор в теге DIV. Мое намерение состоит в том, чтобы поместить своего рода «панель», которая всегда распространяется на самый верх страницы и повторяется с repeat-x. Он прекрасно работает без DOCTYPE, но когда я добавляю clean в код, он толкает изображение в теге вниз, как будто наверху страницы около 15 пикселей или около того. Я пробовал top-margin, z-index, но безуспешно.

Извините, если я задаю глупый вопрос, но я новичок.

Спасибо, -Jacob

Ответы [ 3 ]

1 голос
/ 20 апреля 2010

Из вашего описания немного неясно, какой именно метод вы используете для размещения панели в верхней части своей страницы, но мне кажется, что ваш div панели расположен в самом верху элемента body в вашем HTML-коде, например это: 

    <body>
          <div id="yourid">
[...]
          </div>

и если это так, то вы, вероятно, страдаете от настроек по умолчанию для полей и / или отступов для элементов body и / или html в вашем браузере (и от того, как они могут различаться в разных режимах браузера - т.е. с помощью или без doctype - в некоторых браузерах).

Настройки по умолчанию для них различаются в разных браузерах - и общий способ обойти эту проблему - сбросить их - например, так: 

html,body {margin:0; padding:0}

Если это не поможет, пожалуйста, предоставьте более подробную информацию (например, код или ссылку на соответствующую страницу)

0 голосов
/ 27 апреля 2010

Если браузер работает в стандартном режиме (который вы хотите и который запускается при наличии хорошего типа документа), то элемент <body> имеет некоторое поле или отступы. Используйте body { margin:0; padding:0; }, чтобы очистить его, и ваши элементы заполняют весь экран .

0 голосов
/ 20 апреля 2010

Требуется тип документа для всех современных веб-страниц. Звучит так, будто вы боретесь с блочной моделью, когда у вас ее нет. Без доктайпа вы находитесь в режиме причуд, и весь ад вырвался на свободу.

...