Не корректно работает

@maxi · Регистрация: 19.01.2016

Студворк — интернет-сервис помощи студентам

Не корретно выводит блоки

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
body {
      padding-top: 0;
      margin:0;
      padding:0;
      text-align:center;
}
#body_top {
          height:50px;
          width:100%;   
          background-color:#302d2e;     
          border-bottom-width: 5px; /* Толщина линии внизу */
          border-bottom-style: solid; /* Стиль линии внизу */
          border-bottom-color: #7b68ee; /* Цвет линии внизу */
}
#body_right { 
             float: right;//прижать блок к  стороне
             height: 300px; // высота
             width: 500px; //ширина 
             background-color: #302d2e;
             border-bottom-color: #7b68ee; /* Цвет линии внизу */
             border-bottom-width: 5px; /* Толщина линии внизу */
             border-bottom-style: solid; /* Стиль линии внизу */ 
             border-left-color:  #fffff0; /* Цвет линии слева */
             border-left-width: 1px; /* Толщина линии */
             border-left-style: solid; /* Стиль линии */
             border-top-color:  #fffff0; /* Цвет линии сверху */
             border-top-width: 1px; /* Толщина линии сверху */
             border-top-style: solid; /* Стиль линии сверху */
}
#body_left_one {
               float:lef;//прижать блок к стороне
               height:350px; // высота
               width:150px; //ширина 
               background-color: #302d2e;
               border-top-color:  #fffff0; /* Цвет линии сверху */
               border-top-width: 1px; /* Толщина линии сверху */
               border-top-style: solid; /* Стиль линии сверху */
               border-right-color:  #fffff0; /* Цвет линии справа */
               border-right-width: 1px; /* Толщина линии */
               border-right-style: solid; /* Стиль линии */ 
               border-bottom-color: #7b68ee; /* Цвет линии внизу */
               border-bottom-width: 5px; /* Толщина линии внизу */
               border-bottom-style: solid; /* Стиль линии внизу */
}
#body_left_two {
               float:lef;//прижать блок к стороне
               height:350px; // высота
               width:150px; //ширина 
               background-color: #302d2e;
               border-top-color:  #fffff0; /* Цвет линии сверху */
               border-top-width: 1px; /* Толщина линии сверху */
               border-top-style: solid; /* Стиль линии сверху */
               border-right-color:  #fffff0; /* Цвет линии справа */
               border-right-width: 1px; /* Толщина линии */
               border-right-style: solid; /* Стиль линии */ 
               border-bottom-color: #7b68ee; /* Цвет линии внизу */
               border-bottom-width: 5px; /* Толщина линии внизу */
               border-bottom-style: solid; /* Стиль линии внизу */
}

HTML5
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
 <html>
  <head>
   <title>MelnykMV</title>
   <link rel="stylesheet" href="style.css">
   <link rel="shortcut icon" href="siat.ico" type="image/x-icon" align="center">
   <!--тег который помогает найти сайт по ключевым словам -->
   <meta name="description" content="MelnykMV,siat"> 
  </head>
  <body>
   
   <div id="body_top"></div>
   <div id="body_right"><h3>правая колонка</h3></div>
   <div id="body_left_one"><h3>левая колонка</h3></div>
   <div id="body_left_two">2</div>
   <div id="body_left_three"></div>
   <div id="body_left_four"></div>
   <div id="body_bottom">
    <div id="body_bottom_middle"></div>
    <div id="body_bottom_left"></div>
    <div id="body_bottom_right"></div>
    <div id="body_bottom_bottom"></div>
   </div>
   <footer>Melnyk</footer>
  </body>
 </html>

@SQRD · 22.01.2016, 22:13

Ну как минимум у #body_left_one, #body_left_two исправить

CSS
1
float:left;

@maxi · 22.01.2016, 22:22 **[ТС]**

исправил, стало лучше ,но всё равно не корректно отображает

@SQRD · 22.01.2016, 22:36

в footer добавить

CSS
1
clear: both;

@maxi · 22.01.2016, 22:40 **[ТС]**

ничего не произошло

@Resume · 22.01.2016, 22:46

Рекомендую использовать сокращенную запись запись создания рамки, потому что:
1) Объем кода меньше.
2) Код становится более читабельным.
Короткая запись рамки: border: width style color;
Пример: border: 5px solid #7b68ee;
Скинул исправленную версию Вам:

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
body {
      padding-top: 0;
      margin:0;
      padding:0;
      text-align:center;
}
#body_top {
          height:50px;
          width:100%;   
          background-color:#302d2e;     
          border-bottom: 5px solid #7b68ee; 
}
#body_right { 
             float: right;//прижать блок к  стороне
             height: 300px; // высота
             width: 500px; //ширина 
             background-color: #302d2e;
             border-bottom: 5px solid #7b68ee;
             border-left:  1px solid #fffff0;            
             border-top:  1px solid #fffff0;            
}
#body_left_one {
               float:left;//прижать блок к стороне
               height:350px; // высота
               width:150px; //ширина 
               background-color: #302d2e;
               border-top: 1px solid #fffff0; 
               border-right:  1px solid #fffff0;  
               border-bottom: 5px solid #7b68ee; 
}
#body_left_two {
               float:left;//прижать блок к стороне
               height:350px; // высота
               width:150px; //ширина 
               background-color: #302d2e;
               border-top:  1px solid #fffff0; 
               border-right: 1px solid #fffff0;
               border-bottom: 5px solid #7b68ee; 
}

@maxi · 22.01.2016, 22:56 **[ТС]**

Спасибо , но всё же ошибка осталась

@SQRD · 22.01.2016, 22:59

если надо что бы #body_left_two был слева под первым, то ему дописать:

CSS
1
2
margin-top:20px;
        clear: left;

@maxi · 22.01.2016, 23:07 **[ТС]**

не помагает

@Resume · 22.01.2016, 23:09

В чем проявляется некорректность?

@maxi · 22.01.2016, 23:11 **[ТС]**

один блок вообще не выводит на экран ,у другого линия снизу отсутствует и вообще линии не на своих местах ,те что снизу и линии по бокам не отображаются

@Resume · 22.01.2016, 23:14

А какой именно блок не выводит на экран?

@maxi · 22.01.2016, 23:17 **[ТС]**

#body_left_two

@Resume · 22.01.2016, 23:26

Вот, что получилось у меня:

@maxi · 22.01.2016, 23:32 **[ТС]**

интересно

@Resume · 22.01.2016, 23:38

Интересно что?
Блоки верные расположены? Все корректно отображается?

Насчет отображения боковых линий. Вы задали белый цвет линиям: #fffff0; , поэтому они не отображаются. Если вы зададите иной цвет, допустим, красный, то все боковые линии отобразятся.

@maxi · 22.01.2016, 23:56 **[ТС]**

то что у вас отображается , не отображается у меня

@Resume · 23.01.2016, 00:11

HTML5
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
<html>
  <head>
   <title>MelnykMV</title>
   <link rel="stylesheet" href="style.css">
   <link rel="shortcut icon" href="siat.ico" type="image/x-icon" align="center">
   <!--тег который помогает найти сайт по ключевым словам -->
   <meta name="description" content="MelnykMV,siat"> 
  </head>
  <body>
  <div id="body_top"></div>
  <div id="body-left">
   <div id="body_left_one"><h3>left1</h3></div>
   <div id="body_left_two"><h3>left2</h3></div>
   <div id="body_left_three"><h3>left3</h3></div>
   <div id="body_left_four"><h3>left4</h3></div>
   </div>
   <div id="body_right"><h3>right</h3></div>
   <div id="body_bottom">    
    <div id="body_bottom_left"><h3>left</h3></div>
    <div id="body_bottom_middle"><h3>middle</h3></div>
    <div id="body_bottom_right"><h3>right</h3></div>
    <div id="body_bottom_bottom"><h3>bottom</h3></div>
   </div>
   <footer><h3>Melnyk</h3></footer>
  </body>
 </html>

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
body {
      padding-top: 0;
      margin:0;
      padding:0;
      text-align:center;
}
#body_top {
          height:50px;
          width:100%;   
          background-color:#302d2e;     
          border-bottom: 5px solid #7b68ee; 
}
 
#body_left_one,#body_left_two,#body_left_three,#body_left_four{
               float:left;
               height:350px;
               width:150px;                
               background-color:#302d2e;
               border-top:  1px solid #fffff0; 
               border-right: 1px solid #fffff0;
               border-bottom: 5px solid #7b68ee; }
 
#body_right { 
             float: right;//прижать блок к  стороне
             height: 300px; 
             width: 500px; 
             background-color:#302d2e;
             border-bottom: 5px solid #7b68ee;
             border-left:  1px solid #fffff0;            
             border-top:  1px solid #fffff0;            
}
 
#body_bottom{
clear:both;
}
 
#body_bottom_left,#body_bottom_middle,#body_bottom_right{
            float:left;
            height: 300px; 
             width: 500px; 
             background-color:#302d2e;
             border-bottom: 5px solid #7b68ee;
             border-left:  1px solid #fffff0;            
             border-top:  1px solid #fffff0;   
}
 
#body_bottom_bottom{
            clear:both;
            height: 100px; 
             width: 500px;
             background-color:#302d2e;
             border-bottom: 5px solid #7b68ee;
             border-left:  1px solid #fffff0;            
             border-top:  1px solid #fffff0;   
}
 
footer{
            height: 100px; 
             width: 500px; 
             background-color:#302d2e;
             border-bottom: 5px solid #7b68ee;
             border-left:  1px solid #fffff0;            
             border-top:  1px solid #fffff0;   }

Не забудьте про боковые линии, про которые я говорил!
#fffff0; - почти белый цвет, оттенок. Если поменяете цвет, допустим, на красный, то все отобразится.

@maxi · 23.01.2016, 00:20 **[ТС]**

спасибо большое

@BitCoin · 24.01.2016, 06:53

Всем привет! Подскажите пож. начинающему программисту - не могу решить проблему с отображением сайта на разных браузерах. Гляньте - может кто что подскажет) www.bitcoin-servis.ru норм работает только на IE, в остальных браузерах показывает только 2 столбца таблицы... Сайт написан на html под таблицу.

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	22.01.2016, 22:22 [ТС]
	исправил, стало лучше ,но всё равно не корректно отображает 0

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	22.01.2016, 22:40 [ТС]
	ничего не произошло 0

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	22.01.2016, 22:56 [ТС]
	Спасибо , но всё же ошибка осталась 0

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	22.01.2016, 23:07 [ТС]
	не помагает 0

@Resume 143 / 133 / 69 Регистрация: 08.11.2013 Сообщений: 767 Записей в блоге: 5
	22.01.2016, 23:09
	В чем проявляется некорректность? 0

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	22.01.2016, 23:11 [ТС]
	один блок вообще не выводит на экран ,у другого линия снизу отсутствует и вообще линии не на своих местах ,те что снизу и линии по бокам не отображаются 0

@Resume 143 / 133 / 69 Регистрация: 08.11.2013 Сообщений: 767 Записей в блоге: 5
	22.01.2016, 23:14
	А какой именно блок не выводит на экран? 0

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	22.01.2016, 23:17 [ТС]
	#body_left_two 0

@Resume 143 / 133 / 69 Регистрация: 08.11.2013 Сообщений: 767 Записей в блоге: 5
	22.01.2016, 23:26
	Вот, что получилось у меня: Миниатюры 1

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	22.01.2016, 23:32 [ТС]
	интересно 0

@Resume 143 / 133 / 69 Регистрация: 08.11.2013 Сообщений: 767 Записей в блоге: 5
	22.01.2016, 23:38
	Интересно что? Блоки верные расположены? Все корректно отображается? Насчет отображения боковых линий. Вы задали белый цвет линиям: #fffff0; , поэтому они не отображаются. Если вы зададите иной цвет, допустим, красный, то все боковые линии отобразятся. 1

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	22.01.2016, 23:56 [ТС]
	то что у вас отображается , не отображается у меня 0

@maxi 1 / 1 / 0 Регистрация: 19.01.2016 Сообщений: 45
	23.01.2016, 00:20 [ТС]
	спасибо большое 0

@BitCoin 0 / 0 / 0 Регистрация: 24.01.2016 Сообщений: 8
	24.01.2016, 06:53
	Всем привет! Подскажите пож. начинающему программисту - не могу решить проблему с отображением сайта на разных браузерах. Гляньте - может кто что подскажет) www.bitcoin-servis.ru норм работает только на IE, в остальных браузерах показывает только 2 столбца таблицы... Сайт написан на html под таблицу. 0