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

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

<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>

и вот style.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;

}

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

источник

2013-12-13 user3089861

Это ваш весь HTML-файл? Связана ли таблица стилей с HTML? – MxyL

http://jsfiddle.net/KV4RM/ это ваш выход? –

Почему у вас есть маржа на тэге 'body'? Я предполагаю, что если вы удалите «margin-right: 180px», ваш '# bannerR' будет полностью вправо. – disinfor

Ваши 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/

источник

2013-12-13 21:23:39 disinfor

Кроме того, в вашем HTML отсутствуют некоторые кавычки вокруг '' _blank ''и' border = "0" ' – disinfor

Хорошо, спасибо. как бы я сосредоточил это? #bannerL {position: relative; верх: 500 пикселей; left: 500 пикселей; } Кроме того, вы знаете какие-либо хорошие сайты, чтобы учиться, поэтому мне не нужно задавать вопросы? – user3089861

и что мне теперь делать с шириной и высотой? – user3089861

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

источник

2013-12-13 20:57:02

Я отредактировал posy, Что это за остальное пространство, о котором вы говорите? – user3089861

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

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="your_style.css"> 
    </head> 
    <body> 
    <!-- YOUR HTML --> 
    </body> 
</html>

источник

2013-12-13 20:59:19 MxyL

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

ответ

Смежные вопросы