Bymas | вопрос по резиновой верстке css

REWERK , ага спасибо, буду ждать , вот добавляю див элементы на правую сторану, все нормал. а на левой сторане наезжает ((

155876556 (19.04.2022 в 20:04)
VayDiS[UA] , а с той фигней как быть? что бы он ненаезжал на контейнер (((

В каком блоке должен находиться твой селектор? Покажи его

VayDiS[UA] , немного подровнялось , спасибо

155876556 (19.04.2022 в 20:06)
VayDiS[UA] , немного подровнялось , спасибо

Покажи код класса в котором сидит твой селектор

VayDiS[UA] , я пробовал его после <body> прописывать и после <div id="center_content">

html

   <div id="center_content">  <div  style='position:absolute; left:0; top:70px; z-index:100; background:#000; width:150px; height:150px;'> тут элементы что я хочу поставить на левую сторону  </div>  < div  class='left'> лево </div>  <div class='right'> право </div></div>  <foot>тут подвал </foot>

155876556 (19.04.2022 в 20:13) VayDiS[UA] , я пробовал его после <body> прописывать и после <div id="center_content">

html

   <div id="center_content">  <div  style='position:absolute; left:0; top:70px; z-index:100; background:#000; width:150px; height:150px;'> тут элементы что я хочу поставить на левую сторону  </div>  < div  class='left'> лево </div>  <div class='right'> право </div></div>  <foot>тут подвал </foot>

Селекторы не используются в качестве оболочки! Это блочная верстка. Используй <div class="block"> в нем уже селектор идентификатора <div id=""> зачем индекс тебе, он не нужен. Ты пытаешься использовать position: relative; и в нем расположить position: absolute; при этом не задав конкретных позиций блоку) <style> .center_positional{ position: absolute; display:block; background: rgba(65,134,187,.5); padding:16px; } #left_position{ position: relative; top:10px; bottom:10px; } </style> <div class="center_positional"> <div id="left_position"> Text Text Text </div> <div>

VayDiS[UA] ,у меня левый контент и правый через float

VayDiS[UA] ,

css

   #center_content{  position:relative; left:7px; top:7px; display:block; width:809px; margin:auto; clear:both; padding:55px 0 0 0; }   .left_content{ width:400px; height:auto; float:left; padding:10px 0 10px 15px; }  .right_content{  border-left:1px #b7b7b7 dashed; width:385px; height:auto; float:left; padding:2px 5px 10px 5px; margin:5px 0 0 0;  }

155876556 (19.04.2022 в 20:05)
REWERK , ага спасибо, буду ждать , вот добавляю див элементы на правую сторану, все нормал. а на левой сторане наезжает ((

https://codepen.io/borkowsky/pen/ExormrB?editors=1100
На самом деле не советую пользоваться float

REWERK , да , я сам вот использую position , ну я и проблему решил по тебме, нужно было задать min-width: 1100px; родителю <body>
________
посл. ред. 19.04.2022 в 21:47; всего 1 раз(а); by 155876556