<MyRusakov.ru />

Финансовая грамотность от А до Я

Финансовая грамотность от А до Я

Данный курс в кратчайшие сроки обучит Вас финансовой грамотности. Эти знания позволят Вам получить, как минимум, серьёзную финансовую стабильность, а, как максимум, финансовую независимость.

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

Помимо самого курса Вас ждёт ещё бесплатный ценный Бонус: «Ранний выход на пенсию». В рамках этого Бонуса Вы узнаете, какой должен быть капитал конкретно в Вашем случае, варианты его получения, а также какие есть стратегии вывода капитала на пенсии и где их можно протестировать.

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

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

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

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

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

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

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

Какая тема Вас интересует больше?

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

Выравнивание div
26.06.2011 15:17:01 Выравнивание div Сообщение #1
Alim_(I)

Alim_(I)

Эксперт

Эксперт

Дата регистрации:
26.04.2011 14:55:07

Сообщений: 119

Почему у меня в браузере(Mozilla Firefox) выравнивает как попало этот HTML код:

<html>
<head>

<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Untitled Document</title>

</head>
<body>

<table width="100%" height="100%">
<tr>
<td><div class="topcontent">Top content</div></td>
</tr>
<tr>
<td colspan="2"><div class="leftcontent">Left content</div></td>
<td colspan="4"><div class="content">Content</div></td>
<td colspan="2"><div class="rightcontent">Right content</div></td>
</tr>
<tr>
<td colspan="3"><div class="bottomcontent">Bottom content</div></td>
</tr>
</table>

</body>
</html>

Файл style.css:


div.content {

width: 100%;
height: 100%;
margin-top: 4;
margin-left: 4;
margin-right: 4;
margin-bottom: 4;
border-middle: 0px;

}

div.leftcontent {

width: 100%;
height: 100%;
margin-top: 4;
margin-left: 4;
margin-right: 4;
margin-bottom: 4;
border-left: 0px;
text-valign: middle;
background-color: lightgray;

}

div.rightcontent {

width: 100%;
height: 100%;
margin-top: 4;
margin-left: 4;
margin-right: 4;
margin-bottom: 4;
text-valign: middle;
border:-right: 0px;
background-color: lightgray;

}

div.topcontent {

width: 100%;
height: 18%;
margin-top: 4;
margin-bottom: 4;
text-align: center;
text-valign: middle;
border-top: 0px;
background-color: cyan;

}

div.bottomcontent {

width: 100%;
height: 2%;
margin-bottom: 4;
margin-top: 4;
text-align: center;
text-valign: middle;
background-color: lightgray;
border-bottom: 2px;

}
Профиль
26.06.2011 15:21:00 Выравнивание div Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Свойств text-valign (надо использовать vertical-align) и border-middle (этого просто нет) не существует.
Профиль
26.06.2011 15:54:17 Выравнивание div Сообщение #3
Alim_(I)

Alim_(I)

Эксперт

Эксперт

Дата регистрации:
26.04.2011 14:55:07

Сообщений: 119

Немного подправил все равно не получается:

div.content {

width: 100%;
height: 100%;
margin-top: 4;
margin-left: 4;
margin-right: 4;
margin-bottom: 4;
border: 0px;

}

div.leftcontent {

width: 100%;
height: 100%;
margin-top: 4;
margin-left: 4;
margin-right: 4;
margin-bottom: 4;
border: 0px;
vertical-align: middle;
background-color: lightgray;

}

div.rightcontent {

width: 100%;
height: 100%;
margin-top: 4;
margin-left: 4;
margin-right: 4;
margin-bottom: 4;
vertical-align: middle;
border: 0px;
background-color: lightgray;

}

div.topcontent {

width: 100%;
height: 18%;
margin-top: 4;
margin-bottom: 4;
text-align: center;
vertical-align: middle;
border: 0px;
background-color: cyan;

}

div.bottomcontent {

width: 100%;
height: 2%;
margin-bottom: 4;
margin-top: 4;
text-align: center;
vertical-align: middle;
background-color: lightgray;
border: 2px;

}
Профиль
26.06.2011 15:55:51 Выравнивание div Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

И что здесь не устраивает?
Профиль
26.06.2011 15:59:48 Выравнивание div Сообщение #5
Alim_(I)

Alim_(I)

Эксперт

Эксперт

Дата регистрации:
26.04.2011 14:55:07

Сообщений: 119

Тоже самое осталось, не изменилось вообще. Могу отправить файл(Test.html(Untitled Document)) по почте.
Профиль
26.06.2011 16:02:13 Выравнивание div Сообщение #6
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Чего его отправлять? Я и так прекрасно вижу. Я спрашиваю: что здесь не устраивает?
Профиль
26.06.2011 16:40:41 Выравнивание div Сообщение #7
Alim_(I)

Alim_(I)

Эксперт

Эксперт

Дата регистрации:
26.04.2011 14:55:07

Сообщений: 119

Нужно чтобы:

"topcontent" стоял вверху страницы, цвета океана, занимает 18% высоты страницы, и 100% ширины страницы.

"rightcontent" стоял вправом углу страницы светло-серого цвета, и занимал 18% ширины страницы, и 98% высоты страницы.

content" без перехода на новую строку белого цвета в середине страницы, занимал 64% ширины страницы, и 98% высоты страницы.

"leftcontent", тоже без перехода на новую строку светло-серого цвета в левом углу страницы занимал 18% ширины страницы и 98% высоты страницы.

И нижния секция "bottomcontent" серого цвета стояла внизу страницы не внутри нее был контент а после нее, и занимала 2% высоты страницы 100% ширины страницы.
Профиль