MasterAM
ОБСУЖДЕНИЕ

Проблема с бордером.

5 сообщений1 просмотровОткрыта
#1
Всем привет.ребят вот посмотрел я два курса по html и css,и вот возникла такая проблемка...Я разбиваю сайт на два блока(1блок выводится слева и в нем текст разный)и(справа сделал сайд бар,проще говоря навигация).Но вот собственно в чем проблема,если же в css файле я прописываю к селектору BODY значение border: 2px solid #red; то в рамку у меня берется лишь верх сайта,к примеру после BODY у меня идет <header>заголовок</heaer>,вот в рамку у меня берется лишь этот хеадер,если же к каждому пункту я прописываю в css значение такое же border,то сайт просто опять разбивается на блоки,тоесть сайд бар опять уходит вниз под текст,а не находиться справа как хотелось бы...Как решить эту проблему...коды файлов скину ниже.
#2
CSS
BODY {
background: black;
color:#4682B4;
margin:0 auto;



}
header {

margin:0% 45% 0% 45%;
}
content {
float: left;
color: #B0C4DE;
width: 65%;
margin:0 auto;
border: 1px solid #ADD8E6;
}
aside {
width: 35%;
color: #B0C4DE;
float: left;
}
это файл css
#3
HTML
 <!DOCTYPE html>
<HTML>
  <HEAD>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="style/style.css">
  <title>Братство Стали|IceWar</title>
  </HEAD>

<BODY>
  <header>Тут заголовок</header>
  <content>
 Мир "Ледяной Войны" неповторим, Здесь каждое мгновение бесценно. Кто первый день здесь пережил, Тот этот мир полюбит непременно. Нет,здесь не выжить без стремленья, Здесь места нет для баловства. И ждёт победа тех,кто с увлеченьем, Достичь чего-то здесь старается. Пусть это будет добыча какая, Иль на поляне сбор любой травы. Не сможешь ничего здесь не стараясь, Терпение здесь надо проявить. Мир Ледяной Войны непредсказуем, Возвыситься в нём можно в один миг: Лишь вставь кристаллы, сколько их ни будет, Или одень все усиленья на крючки. И много квестов здесь есть на удачу, Умными,придуманных,людьми. Ты здесь немало времени потратишь, Пока изучишь здешние миры...
  </content>
<aside>Навигация по сайту<br />
<ul type="circle">
<li><a href="">Состав клана</a></li>
<li><a href="">Состав клана</a></li>
<li><a href="">Состав клана</a></li>
<li><a href="">Состав клана</a></li>
<li><a href="">Состав клана</a></li>
</aside>
  </BODY>
</HTML>
а это сам index.html ,использовал код
PHP
для более удобного вам просмотра.Заранее спасибо.
#4
Поможет кто?
#5
Тему можно крыть,сам нашёл решение...оба блока я задал что бы занимали 100процентов экрана...убавил их размер и все влазиет.