CSS Header left right

Salam. Header elementin relative position etmişəm. İstəyirəm ki, viewportun ölçüsüsndən asılı olmayaraq həmişə soldan və sağdan 5px aralı olsun. Yalnız soldan və ya yalnız sağdan verən də alınır. Lakin hər ikisini eyni zamanda verəndə (left, right) ancaq biri işləyir(left). Bunu necə etmək olar? Təşəkkürlər.

Verilmiş cavablar və yazılan şərhlər (2 cavab var)

ahmed (2022-07-22 14:19:36)
Bəli, problem də məhz width parametrinin verilməsi idi. calc() mənim üçün yenilik oldu.

E. Hacı (2022-07-22 13:23:44)
Həm soldan həm sağdan eyni margin olması üçün gərək eni də ona uyğun ola axı. Yəni ekranı tam tuta gərək ki sağ və sol marginlər işə yarasın. Əks halda sola yapışıb qalacaq. Yolu çoxdur, görmədən demək çətindir. Yollarından bəziləri [code] <div style="left:5px;position:absolute;width: calc(100% - 10px)">....</div> <div style="margin-left:5px;width: calc(100% - 10px)">...</div> <div style="padding-left:5px;padding-right:5px;width: 100%">...</div> və.s. [/code]

Mövzu üzrə bənzər suallara da baxa bilərsiniz.

html css

Yazı Kodunun tapılması

JavaScript

Bootstrap responsive problem

CSS öyrənmək.

MVC vs Framework