Fixed bir Div'i Nasıl ortalarız?
Merhaba,
Benim bir <div class="header"></div> isimli header elementim var. Bu Sticky şekilde yukarıda duruyor. Ancak width: 100% gibi bir değer vermek istemiyorum. Onun yerine tam ortalı bir şekilde durmasını istiyorum.
İçerik dinamik olarak değişiyor. Acaba bunu nasıl yapabilirim?
Şimdiden cevaplayan herkese teşekkürler :)
Tam olarak şöyle;
<div class="fixed">
Hello PROTOTURK
</div>
<style>
.fixed {
position: fixed;
top: 0;
left: 50%;
transform: translate(-50%);
background: red;
}
</style>
burada olay soldan 50% verip translate(-50%) diyerek dinamik genişliği olan bir alanı ortalamak :)