Как разместить элемент div в правой части экрана

0

Я пытаюсь, чтобы этот div был полностью в правой части экрана. вот html:

  <html>
 <head>
  title></title>
  <link rel="stylesheet" type="text/css" href="../css/style.css"/>
 </head>
  <h1> </h1>
 <body>

<div id="bannerR">
 <a href="yahoo.com" target=_blank>
 <img src="yahoo.com" border=0></a>
</div>

и вот стиль.css

        #header{background-color: #fff; width: 1000px; position: relative; }

     #bannerL{ position: relative; top: 500px; left: 500px; }
      #bannerR{ position: relative; float: right; }



        body    {
     background-image: url("beach.gif");
     background-repeat: no-repeat;
      background-attachment: fixed;
     background-position: center;
     margin-top:100px;
     margin-right:180px;
     margin-bottom:10px;
    margin-left:200px;

}

пожалуйста, помогите, я очень новичок в коде и купил книгу, но это не помогло. Я потратил несколько часов, пытаясь получить это, но безрезультатно.

  • 0
    Это весь ваш HTML-файл? Связана ли таблица стилей с HTML?
  • 0
    jsfiddle.net/KV4RM это ваш вывод?
Показать ещё 6 комментариев
Теги:

3 ответа

0
Лучший ответ

В ваших стилях body есть margin-right:180px. Из-за этого #bannerR никогда не будет плавать полностью вправо. Удалите этот стиль, и он будет работать. Вот какой код:

body { background-image: url("beach.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }

Вот скрипка, чтобы показать это в доказательство: http://jsfiddle.net/rzKaz/1/

Поделиться
  • 0
    Кроме того, в вашем HTML отсутствуют некоторые кавычки вокруг "_blank" и border="0"
  • 0
    Хорошо, спасибо. как бы мне это отцентрировать? #bannerL {position: родственник; верх: 500 пикселей; слева: 500 пикселей; } Кроме того, вы знаете какие-нибудь хорошие сайты для изучения, чтобы мне не приходилось задавать вопросы?
Показать ещё 4 комментария
0

Убедитесь, что вы связали файл css с HTML, чтобы браузер знал, какие файлы css вы используете.

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="your_style.css">
  </head>
  <body>
    <!-- YOUR HTML -->
  </body>
</html>
Поделиться
0

Убедитесь, что ваш DIV не содержится в элементе с ограниченным пространством (не охватывает всю ширину страницы)

Поделиться
  • 0
    Я отредактировал букет: что это за уединенное пространство, о котором ты говоришь?

Ещё вопросы

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