wmaraci reklam

CSS: 2. fixed alanımın en altını aşağıya gönderiyor

6 Mesajlar 647 Okunma
pst.net
wmaraci reklam

bloodyserkan bloodyserkan WM Aracı Kullanıcı
  • Üyelik 28.09.2017
  • Yaş/Cinsiyet 44 / E
  • Meslek Web Dizayn, Fotoğrafçılık
  • Konum Ankara
  • Ad Soyad S** S**
  • Mesajlar 7
  • Beğeniler 1 / 1
  • Ticaret 0, (%0)
Selam arkadaşlar.

Aranıza yeni katıldım. Umarım sorusu olan arkadaşlara bilgim yeter, ben de yardımcı olabilirim. Ancak benim bilgimin yetmediği bir noktaya yakalanmış bulunuyorum. CSS'in çok ön noktaları ancak buralarda kalacağımı düşünmezdim :|

Bu aralar uğraştığım yapıyı ekşisözlük gibi düşünebilirsiniz, CSS'le önce bir üst fixed alan oluşturdum, kodu şöyle:
.ust {
position: fixed;
background: green;
color: yellow;
height: 60px;
width: 100%;
top: 0px;
margin-left: 0px;
}


Devamında da sol tarafa, kategori olarak kullanacağım bir alan oluşturdum:
.sol {
position: fixed;
background: red;
color: yellow;
margin-top:-10px;
width: 200px;
height:100%;
overflow: scroll;
}


Bu arada deneme sayfası www.serkansarp.com/deneme/deneme.asp burada.

Soldaki kırmızı fixed bölüm, üstteki onu aşağı ittirdiği için aşağı kayıyor, tarayıcının görünmeyen bölgesine gidiyor. Marginlerde mi hata var, nerede yanlış yaptım, height'i azaltıyorum ama ekranı küçültünce başka, büyütünce başka görünüyor haliyle.

Yardımcı olacak herkese şimdiden çok teşekkürler.
 

 

İyi çalışmalar.
wmaraci
reklam

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Fixed ile ancak bu şekilde oluyor:

WZjXvp
bloodyserkan

kişi bu mesajı beğendi.

bloodyserkan bloodyserkan WM Aracı Kullanıcı
  • Üyelik 28.09.2017
  • Yaş/Cinsiyet 44 / E
  • Meslek Web Dizayn, Fotoğrafçılık
  • Konum Ankara
  • Ad Soyad S** S**
  • Mesajlar 7
  • Beğeniler 1 / 1
  • Ticaret 0, (%0)
öncelikle teşekkür ederim cgrclk hocam cevabınız için. aslında bunu da yapmayı denedim. kırmızının üzerine başka bir fixed alan koyup onu aşağı itmesini sağlamayı düşündüm, hepsi birbirine girdi bu sefer (belki ben beceremedim). bu dediğim minvalde bir şey olabilir mi?

olmazsa fixed'siz bir şekilde öneriniz olursa onun üzerine gitmek isterim.

düzenleme: sanırım üste yeni alan koymadan yaptım hocam. kontrol ediyorum.
 

 

İyi çalışmalar.

bloodyserkan bloodyserkan WM Aracı Kullanıcı
  • Üyelik 28.09.2017
  • Yaş/Cinsiyet 44 / E
  • Meslek Web Dizayn, Fotoğrafçılık
  • Konum Ankara
  • Ad Soyad S** S**
  • Mesajlar 7
  • Beğeniler 1 / 1
  • Ticaret 0, (%0)
calc içine yazıldığını bilmiyordum, ben onu daha önce height: 100vh-100px; diye yazmaya çalıştığımda olmuyordu haliyle. sizin kodunuza margin-top:100px; ekleyip paddingleri 0'ladığımda problem ortadan kalktı. arkadaşların faydalanması adına son durumu codepen'e üye olup ekliyorum aşağıya sakıncası yoksa. teşekkür ederim hocam.

See the Pen vempjp by serkansarp (@serkansarp) on CodePen.


<script></script>
cgrclk

kişi bu mesajı beğendi.

İyi çalışmalar.
wmaraci
Mersin evden eve nakliyat

HapyMan HapyMan Full Stack Developer Kullanıcı
  • Üyelik 14.05.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek What do you do exactly ?
  • Konum İstanbul Avrupa
  • Ad Soyad T** T**
  • Mesajlar 562
  • Beğeniler 171 / 208
  • Ticaret 0, (%0)
sanırım senin istediğin böyle bir şey :

mBmoyd
 

 

bloodyserkan bloodyserkan WM Aracı Kullanıcı
  • Üyelik 28.09.2017
  • Yaş/Cinsiyet 44 / E
  • Meslek Web Dizayn, Fotoğrafçılık
  • Konum Ankara
  • Ad Soyad S** S**
  • Mesajlar 7
  • Beğeniler 1 / 1
  • Ticaret 0, (%0)
hocam soldaki bölgeye de yazıldıkça (benim projemde kategoriler çoğaldıkça) yanında scroll çıksın istiyordum. margin-top: 100px, height:calc(100vh - 100px), ile çözülüyor. yapı olarak ekşisözlük gibi işte. teşekkür ederim cevabınız için.
 

 

İyi çalışmalar.
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