Почему обин блок div попадает внутрь другого блока div?

Question

dflbrhekbn @dflbrhekbn

Почему обин блок div попадает внутрь другого блока div?

Есть худо-бедно написанная морда сайта

<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/>
<!-- Подключаем style.css -->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<!-- Выводим таблицу из forma.php -->
<div>
<!-- Кнопка удалить -->
<button  type="sumbit" id="cnopka"  form="forms" action="index.php" name="submitForm" > Delete </button> 
               <div id="shapka">
                <table border="1" style="width: 418px;">
                 <thead>
                   <tr>
                    <td style="width: 103px;">IP</td>
                    <td style="width: 81px;">PC Name</td>
                    <td style="width: 71px;">pass</td>
                    <td style="width: 87px;">adm</td>  
                  </tr>
                 </thead>
                 </table> 	
               </div>
        <div id="scroll">
        <div id="scrollcontent">
            <?php include "forma.php" ?>
        </div>
        <div id="scrollbar">
        <div id="scroller" class="scroller"></div>
        </div>
    </div>
</div>

<div id="test">
	<form action="insert.php" method="post">
	<input type="text" name="FirstName" />
	<input type="submit" value="Save" />

	</form>
</div>

</body>
</html>

По моей локике блок div с id=test должен уползать ниже всех остальных блоков, но вот на деле у меня получается так

Почему ?

Вопрос задан более трёх лет назад
310 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Пригласить эксперта

Ответы на вопрос 2

3 комментария

dflbrhekbn @dflbrhekbn Автор вопроса

forma.php

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<?php


require_once 'login.php';


$db_server = mysqli_connect($db_hostname, $db_username, $db_password);
if (!$db_server) die("Что-то пошло не так MySQL: " . mysqli_error());

mysqli_query($db_server,"SET NAMES utf8");


mysqli_select_db($db_server, $db_database)
or die ("Что-то пошло не так: " . mysqli_error()); 


include 'script.js';


$query = "SELECT id,ip_addr,namepc,pass, passadm FROM vlc ORDER BY ip_addr ";  



$result = mysqli_query($db_server, $query);
  
  echo '<table border="1">';
  echo '<thead>';
  echo '</thead>';
  echo '<tbody>';


?><form method="POST" id="forms" onsubmit="call(); return false" autocomplete="off"><?php

while($data = mysqli_fetch_array($result))
{ 
    echo '<tr>';
    echo '<td>' . long2ip ($data['ip_addr']) . '</td>';
    echo '<td>' . $data['namepc'] . '</td>';
    echo '<td>' . $data['pass'] . '</td>';
    echo '<td>' . $data['passadm'] . '</td>';
    echo "<td width='10px'><input type='checkbox' name='check[]' value=". $data['id'] ."></td>";
    echo '</tr>';
}

?></form><?php

?>

scripts.gs

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
         $(document).ready(function(){
         $('#forms input:checkbox:checked').attr('checked', false);
});
    function call() {
      var msg   = $('#forms').serialize();
        $.ajax({
          type: 'POST',
          url: 'delete.php', 
          data: msg,
          success: function(data) {
            document.location.reload();
          },
          error:  function(xhr, str){
                alert('Возникла ошибка: ' + xhr.responseCode);
            }
             
        });
    }
 
</script>

style.css

type="text/css">
/* Кнопка отправки формы */
.cnopka {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 4px 17px 5px 18px;
  border: solid #101e26 1px;
  text-decoration: none;
  position: fixed;
  top: 522px; 
}
/*Шапка для формы*/



/*Прокрутчик формы*/

#scroll {
    position:relative; 
    width:462px; 
    height:480px; 
    overflow:auto

}
#scrollcontent {
    position:absolute; 
    width:375px; 
    z-index:200
}
#scrollbar {
    float:right; 
    position:relative; 
    display:none; 
    width:15px; 
    height:200px; 
    z-index:100; 
    background:url(images/scroll-bg.gif)
}
.scroller {
    position:absolute; 
    top:0; 
    width:15px; 
    cursor:pointer; 
    background-color:#ccc; 
    background-image:url(images/scroll-arrows.gif); 
    background-position:50% 50%; 
    background-repeat:no-repeat
}
.buttonclick {
    background-color:#bbb
}

delete.php

<?php 

require_once 'login.php';
$db_server = mysqli_connect($db_hostname, $db_username, $db_password);
if (!$db_server) { echo "Текст ошибки error: " . mysqli_connect_error() . PHP_EOL; exit; }
mysqli_select_db($db_server, $db_database);
foreach ($_POST['check'] as $item) 
{
 $query = "DELETE FROM vlc WHERE id = $item";
 $result = mysqli_query($db_server, $query);

}

?>

Написано более трёх лет назад

Максим Тимофеев @webinar Куратор тега Веб-разработка

А Вас не смущает, что Вы в body head вставляете?

Написано более трёх лет назад
dflbrhekbn @dflbrhekbn Автор вопроса

Если вы имеете ввиду head в forma.php , то я их сейчас удалил оттуда , пока не как не помогло =(

Написано более трёх лет назад

3 комментария

dflbrhekbn @dflbrhekbn Автор вопроса

Я коментил все что мог и работал в gedit. Потом скачал себе IDE NetBeans и о мне все русские слова похерил , поэтому я их удалил и сижу теперь так.

Написано более трёх лет назад
dflbrhekbn @dflbrhekbn Автор вопроса

Bootstrap - это чисто набор кодов (шаблонов) на всяких языках или как ? Прочитал, но не понял

Написано более трёх лет назад
Uno @Noizefan

dflbrhekbn, можно сказать и так. Это CSS и JS фреймворк, который предоставляет уже готовые инструменты, модули, куски для создания адаптивных веб-приложений.

Мне вот даже тостеровский парсер всё что между кавычек похерил, чего уж там NetBeans =)

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+3 ещё

Простой
Как скрыть что я беру данные о геопозиции?
- 1 подписчик
- 2 часа назад
- 99 просмотров
3

ответа
Веб-разработка

Простой
Как запустить сервер фронтенд, бэкенд и тг бота на одном хостинге (сайте)?
- 1 подписчик
- 4 часа назад
- 103 просмотра
3

ответа
HTML

+1 ещё

Простой
Как увеличить SVG?
- 1 подписчик
- 14 часов назад
- 82 просмотра
1

ответ
Веб-разработка

Простой
Какие есть no-code платформы для создания своего service desk?
- 1 подписчик
- вчера
- 389 просмотров
1

ответ
CSS

Простой
Как сделать эффект при наведении как в меню на этом сайте?
- 1 подписчик
- вчера
- 142 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как сделать что бы при увеличении высоты блока с помощью slideTogle одновременно плавно увеличивалась ширина блока?
- 1 подписчик
- вчера
- 64 просмотра
1

ответ
CSS

Простой
Как исправить баг на ios со скролом?
- 1 подписчик
- 25 февр.
- 82 просмотра
0

ответов
CSS

Простой
Как замазать свободную область от картинки?
- 2 подписчика
- 24 февр.
- 355 просмотров
1

ответ
Веб-разработка

+1 ещё

Простой
Как отключить «Reader mode» в Safari на IOS?
- 1 подписчик
- 24 февр.
- 423 просмотра
1

ответ
CSS

Простой
Как растянуть html, body на всю высоту страницы, даже если есть прокрутка?
- 1 подписчик
- 24 февр.
- 90 просмотров
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 120 000 ₽

Специалист по работе с клиентами (Customer Support)

Designmodo

До 750 $

Middle Project Manager (внутренние проекты)

FOXIBLE • Москва

от 70 000 ₽

Может я конечно в тегах запутался...не знаю, я уже запутался

Answer 1 · 2017-09-27 17:27:45

https://jsfiddle.net/auamvz01/
проблема явно лежит за пределами предоставленного Вами кода. Или Вы привели не весь код или есть еще подключенные js или что-то не закрыто в
<?php include "forma.php" ?>
или где-то русский символ. Или php у Вас девочка и у нее месячные.
Вот пожалуй и все варианты.

Answer 2 · 2017-09-28 01:46:27

Мой Вам на будущее совет: комментируйте с "" всё что у себя наCSSили и чекайте локику расположения объектов так, затем уже сомневайтесь в локике браузера =)
И ещё один неплохой совет.

Почему обин блок div попадает внутрь другого блока div?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт