<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

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

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Ошибка верстки
28.10.2016 13:43:06 Ошибка верстки Сообщение #1
Dizel

Dizel

Новичок

Новичок

Дата регистрации:
28.10.2016 13:27:54

Сообщений: 2

Приветствую!
Только начинаю изучать верстку.
Столкнулся с вопросами, на которые не могу найти ответа.

Страница имеет такой вид
Изображение

http://5cm.ru/view/i7/xUHb.png


HTML код

<html>
<head>
<title>CSS Стили</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <style>
@import url("mystyle2.css";
  </style>
</head>
<body>
<div id="Header">
Заголовок
</div>
<div id="Polotno">
<div id="FirstBar">
Первое меню
</div>

<div id="Center">
Центральный текст <br> <br>
</div>

<div id="SecondBar">
Второе меню
</div>

</div>

<div id="Footer">
Подвал
</div>

</body>
</html>

CSS код

#Header {
  color: red;
  background:#eeeeee;
  height: 200px;
  /* width: 980px; */
  margin: 0 auto;
}
#Polotno {
  background: black;
}
#FirstBar {
  color: green;
  background:#ddd;
  height: 450px;
  width: 20% ;
  float: left;
}
#Center {
  color: green;
  background:#white;
  height: 900px;
  width: 80%;
  float: left;
  clear:right;
}
#SecondBar {
  padding: 0;
  position: absolute;
  top: 658px;
  color: green;
  background: red;
  height: 450px;
  width: 20%;
}
#Footer {
  color: black;
  clear: both;
  background:#eeeeee;
  height: 200px;
  margin: 0 auto;
}

Вопросы.

1. Почему мне приходиться подгонять блок #SecondBar указывая
top: 658px; По моим рачетам должно быть 650px (верхнее меню 200 + левое меню 450). Откуда взялись эти 8 пикселей?
Если не сделать эти 8 пикселей, меню номер 2 заходит на меню 1. Или снизу выходит полоса, недостающая до Подвала.

2.  Почему Второе меню не равно по ширине первому меню. Я вижу вот такую картинку:

Изображение

http://5cm.ru/view/i7/eaKw.png

Видно что красная область второго меню почему то на несколько пикселей заходит на область центрального текста.
Что я делаю не так?
Профиль Ответить
06.01.2017 16:03:04 Ошибка верстки Сообщение #2
shmel010201

shmel010201

Освоившийся

Освоившийся

Дата регистрации:
03.05.2016 17:31:25

Сообщений: 23

Какое меню вы хотите сделать ? Навигационную ?
Профиль Ответить
09.01.2017 23:47:48 Ошибка верстки Сообщение #3
Dizel

Dizel

Новичок

Новичок

Дата регистрации:
28.10.2016 13:27:54

Сообщений: 2

Спасибо вопрос исчерпан.
Начальных паддинг и мерджин 0 не хватало.
Профиль Ответить
10.01.2017 17:56:57 Ошибка верстки Сообщение #4
shmel010201

shmel010201

Освоившийся

Освоившийся

Дата регистрации:
03.05.2016 17:31:25

Сообщений: 23

Все же я не смог вам помоч, но не за что
Профиль Ответить