Why does overlay div end up inside another div?

D

dflbrhekbn2017-09-27 17:22:00

css

dflbrhekbn, 2017-09-27 17:22:00

There is a poorly written muzzle of the site

<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>

According to my logic, the div block with id=test should crawl below all other blocks, but in reality I get it like this

Why?

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

M

Maxim Timofeev, 2017-09-27
@webinar

https://jsfiddle.net/auamvz01/
the problem is clearly outside the code you provided. Or you didn’t bring all the code, or there is still js connected, or something is not closed in
or somewhere in the Russian character. Or php you have a girl and she has her period.
That's probably all the options.

U

Uno, 2017-09-28
@Noizefan

My advice to you for the future: comment with "" everything in your CSS, or check the location of objects so, then doubt the browser's location =)
And one more good advice .