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



 

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



 

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

#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