lostyazilim
tr.link

margin-top doğru çalışmıyor

2 Mesajlar 918 Okunma
acebozum
tr.link

onurmetiin onurmetiin WM Aracı Kullanıcı
  • Üyelik 10.07.2020
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelance
  • Konum Antalya
  • Ad Soyad O** M**
  • Mesajlar 10
  • Beğeniler 8 / 3
  • Ticaret 0, (%0)
body{
margin: 0;
padding: 0;
border: none;
outline: none;
text-decoration: none;
font-family: 'DidactGothic';
}

.allPage{
display: block;
position: relative;
margin: 0;
padding: 0;
border: none;
outline: none;
text-decoration: none;
font-family: 'DidactGothic';
background-color: #f2f2f2;
}

#firstSection{
display: block;
position: relative;
width: 100%;
height: 820px;
font-family: 'DidactGothic';
background-color: #f2f2f2;
background-image: url(../img/mainBg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.userArea{
display: block;
position: relative;
width: 500px;
height: 440px;
margin-left: auto;
margin-right: auto;
‼️ padding-top: 150px; ‼️
background-color:rgba(0,0,0,0.5);
}

bu userArea divinde padding-top yerine margin-top vermek istiyorum ama userArea yerine komple body yi aşağı itiyor, nereyi kaçırıyorum :confused:?
 

 

elektronikssl
webimgo

basich basich WM Aracı Kullanıcı
  • Üyelik 24.08.2018
  • Yaş/Cinsiyet 28 / E
  • Meslek Maliyeci
  • Konum Uşak
  • Ad Soyad L** H**
  • Mesajlar 890
  • Beğeniler 109 / 319
  • Ticaret 8, (%100)
Margin-top yerine "top:100;" yazabilirsiniz.
Relative positionlarda margin farklı çalışır.

.userArea{
display: block;
position: relative;
width: 500px;
height: 440px;
margin-left: auto;
margin-right: auto;
top:150px;
background-color:rgba(0,0,0,0.5);
}
onurmetiin

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al