Вопрос верстальщикам HTML CSS

Разговоры обо всем
Відповісти
Автор
Повідомлення
b_andriy
Member
Аватар користувача

Повідомлення

Начинаю разбиратся с HTML CSS, есть программа которая на сервере динамически рисует страницу, назрел вопрос по позиционировании елементов относительно внешнего елемента, в двух словах, рисуется таблица с контейнеров <div> </div> которые должны иметь координаты х у относительно родительского <div> </div>, как это сделать?
если в стилях выбрать display: absolute , то координаты берутся от начала страницы а нужно от родительского элемента, если брать position: relative тогда каждый новый блок от позыции предыдущего стартует.
возможно ли вообще такое?

вот картинка как оно должно быть для наглядности
спойлер
Зображення
zmax
Member
Аватар користувача
Звідки: Zp

Повідомлення

padding и margin не?

Зображення

Я не спец, но табличная верстка умерла много лет назад
Steelmax
Member
Аватар користувача

Повідомлення

b_andriy
Немного непонятно. Объясните, вам именно так нужно 4 блока расположить внутри контейнера? Требуется ли responsive?

zmax
display: grid и grid-template сейчас де-факто стандарт.
b_andriy
Member
Аватар користувача

Повідомлення

уже вроде разобрался, в контейнере родителе нужно установить position: relative; а в контейнерах тех что внутри position:absolute;
display: grid и grid-template сейчас де-факто стандарт.
это пригодится :)
Steelmax
Member
Аватар користувача

Повідомлення

Сделал фиддлю: https://jsfiddle.net/d4gbqrf8/

Вы не сказали должны ли растягиваться дивы, поэтому влипил фиксированные значения. Из-за этого респонсива не будет. Есть css grids, и контейнер тянется по ширине. Используйте vw/vh.

Ну и рекомендую сделать ресет под все браузеры: https://meyerweb.com/eric/tools/css/reset/
Відповісти