Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 2 горизонтальных div-а и фиксирование div-а / 7 сообщений из 7, страница 1 из 1
28.03.2017, 19:59
    #39428734
ukugyul552465
ukugyul552465
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2 горизонтальных div-а и фиксирование div-а
Добрый вечер.
Есть проблема.

Есть сайт:
 
Сайт https://aklbrw.000webhostapp.com/#


 
html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width">
    <title>Название статьи</title>
    <link rel="stylesheet" href="index.css">
<?php include_once "header.php"; ?>
<H1 align=center>Название статьи</H1>
<meta name="Description" content="Описание данной статьи.">
<meta name="Keywords" content="rating, релевантность, relevancy">

</head>

<body>


<?php include_once "main_menu.php"; ?>





<div class="wrapper">

<div class="left_block">
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
</div>

<div class="right_block">
ппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппмпппппппппппппппппппппппппппппппппппппппп
пппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппп
м
мппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппмпп
пппппппппппппппппппппппппппппппппппппппп
м
м
ппппппппппппппппппппппппппппппппппппппппм
м
</div>

</div>







</body>

<footer>
<p align=center> ляляляляляля </p>
<p align=center> Copyright © 2017 </p>
</footer>


</html>


 
css
body
{
margin: 0px;
background-color: #e6f4ff;
text-align: justify;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-style: italic;
color: #030303;
}

*
{
padding: 0;
margin: 4px;
}

H1
{
font-size: 30px;
}

H2
{
font-size: 28px;
}

H3
{
font-size: 26px;
}





div.wrapper {
width:100%;
}
div.left_block {
float:left;
width:70%;
}
div.right_block {
float:right;
width:30%;
}


Нужно, чтобы 2 блока div размещались горизонтально на странице.
При этом задавать ширину в процентах, т.к. на разных устройствах люди сидят.
Почему-то правый блок уползает за границы страницы.
И этот правый блок надо сделать нескроллящимся, т.е. по ширине где-то 20-25% от странице и по высоте около 100, чтобы шапка вмещалась ещё.

Пробовал уже по-разному, всё какая-то лажа.
Отмучился уже часов 7.

Помогите, хоть кто-нибудь.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.03.2017, 20:22
    #39428745
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2 горизонтальных div-а и фиксирование div-а
ukugyul552465,
есть https://jsfiddle.net
раз сумел разместить под спойлер - надо было и другие теги использовать

Код: css
1.
2.
3.
4.
5.
div.right_block {
float:right;
width:30%;
word-wrap: break-word;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.03.2017, 20:30
    #39428750
ukugyul552465
ukugyul552465
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2 горизонтальных div-а и фиксирование div-а
Огромное спасибо , то, что надо.
Теперь где-то на несколько процентов страница ездит, и меню не совсем ровно сидит.
Не подскажите, в чём проблема?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.03.2017, 20:30
    #39428751
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2 горизонтальных div-а и фиксирование div-а
ukugyul552465,

 
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
body
{
margin: 0px;
background-color: #e6f4ff;
text-align: justify;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-style: italic;
color: #030303;
}

*
{
padding: 0;
margin: 4px;
}

H1
{
font-size: 30px;
}

H2
{
font-size: 28px;
}

H3
{
font-size: 26px;
}


div.wrapper {
width:100%;
display:flex;
}
div.left_block {
width:70%;
}
div.right_block {
width:30%;
word-wrap: break-word;
}

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.03.2017, 20:34
    #39428752
ukugyul552465
ukugyul552465
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2 горизонтальных div-а и фиксирование div-а
Хм, то же самое. Немного плавает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.03.2017, 20:42
    #39428756
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2 горизонтальных div-а и фиксирование div-а
ukugyul552465,
у меня не плавает.
научись пользоваться F12
изучи правила формирования элементов на странице
научись правильно формировать данные
https://learn.javascript.ru/
https://webref.ru/css
https://webref.ru/html
http://shpargalkablog.ru/p/html-css-javascript.html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.03.2017, 20:57
    #39428767
ukugyul552465
ukugyul552465
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2 горизонтальных div-а и фиксирование div-а
вадя,

действительно, в хроме всё нормально, в идже почему-то плавает.

Ещё раз огромное спасибо, спасено более 100500 моих нервов.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 2 горизонтальных div-а и фиксирование div-а / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]