Tardpipl

Div блок лезет под блок и на блок....

Recommended Posts

Вечер добрый. Не могу решить проблему с блоками. Бывает то что div блок залезает на другой при сжатие страницы. Как избавится от смещения блоков при сжатие? Как не дать блоку div залезть на другой блок?

Share this post


Link to post
Share on other sites

Много разных случаев, и причин есть .. Код конкретной проблемы можете выложить?

Share this post


Link to post
Share on other sites
1 час назад, Hasiev сказал:

Много разных случаев, и причин есть .. Код конкретной проблемы можете выложить?

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="./css/style.css">
  <title>HTML5</title>
 
 </head>
 <body>
   <div class="header">
      <div class="header_line_first"></div>
      <div class="header_line_second"></div>
   </div>
 </body>
</html>
body{
	background: #222629;
	width: 100%
	margin: auto;
}

.header{
	position: fixed;
}

.header_line_first {
	background-color: #2c3e50;
	width: 100%;
	height: 10%;
	top: 0;
	left: 0;
	position: fixed;
}

.header_line_second{
	background-color: #233140;
	width: 100%;
	height: 2%;
	top: 0;
	left: 0;
	float: top;
	margin-top: 5%;
}

А надо что бы блок был строго около блока.

Edited by Tardpipl

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By MagenDavid
      Всем привет! Задание:
       
      При размерах экрана от 800px и больше - col1=30%,col2=30%,col3=30% от ширины экрана и рассположены в 3 колонки; При размерах экрана от 500px до 800px - col1=100%,col2=50%,col3=50% от ширины экрана и первый блок сверху, два остальных снизу вместе; При размерах экрана от 0 до 500px - col1=90%,col2=90%,col3=90% от ширины экрана и расположены друг под другом.   Вопрос: как сделать, чтобы в колонках отображалось нужное  значение в %-х в зависимости от размера экрана?       unit.zip
    • By reevierevi
      В общем, написал вот такой код, где красный блок див можно схватить и перетаскивать, но не знаю как наложить ограничение на то, чтобы этот красный блок див не заходил за рамки второго -- серого блока с размером 500х500 пикселей. Как это можно сделать? 
      Хотелось бы увидеть готовый код, чтобы можно было в нём покопаться и разобраться самому. Заранее спасибо.
       
      <html>  <head><title>Moving</title></head>  <body onload= "init()">  <h1 style="margin-left: 650px; color: red;">Адаптировано для Chrome</h1> <div id='serkv' style="position:absolute;width:500;height:500;background-color:grey;left:10;top:10"> <DIV id='kv' style="position:absolute;left:10;top:10;width:50;height:50;background-color:red">  </div>  </div> </body>  <SCRIPT>      kv.onmousedown = function(event) {       kv.style.position = 'absolute';       kv.style.zIndex = 1000;       document.body.appendChild(kv);       moveAt(event.pageX, event.pageY);       function moveAt(pageX, pageY) {         kv.style.left = pageX - kv.offsetWidth / 2 + 'px';         kv.style.top = pageY - kv.offsetHeight / 2 + 'px';       }       function onMouseMove(event) {         moveAt(event.pageX, event.pageY);       }       document.addEventListener('mousemove', onMouseMove);       kv.onmouseup = function() {         document.removeEventListener('mousemove', onMouseMove);         kv.onmouseup = null;       };     };     kv.ondragstart = function() {       return false;     };    </SCRIPT>  </html>  
    • By Fani
      div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю

      HTML
       

      CSS
       

  • Member Statistics

    46,511
    Total Members
    3,128
    Most Online
    Marking
    Newest Member
    Marking
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.