lostyazilim
tr.link

position:fixed sorunsalı?

6 Mesajlar 1.588 Okunma
acebozum
tr.link

Guneyy Guneyy se'öcü değilim.. Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek E-Ticaret
  • Konum Diğer
  • Ad Soyad İ** G**
  • Mesajlar 781
  • Beğeniler 58 / 199
  • Ticaret 86, (%100)
Siteme üst menü ekledim ama sabit kalmasını istiyorum.
Css kodlarına position:fixed eklemeden önceki hali:




Css kodlarına position:fixed ekledikten sonraki hali:



position:fixed ekleyince iç içe girmekte bu olayı nasıl çözebilirim?

Css kodlarım: #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; line-height:1.5em; z-index:300; width:100%; margin-top: 10px;position:fixed}
 

 

wmaraci
reklam

PrestijSolution PrestijSolution SEO and DEVELOPER Kullanıcı
  • Üyelik 03.09.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek Seo ve Web Tasarım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad M** G**
  • Mesajlar 606
  • Beğeniler 30 / 139
  • Ticaret 29, (%93)
fixed kullanmak yerine absolute kullanın.Absolute değerini belirtin daha sonra kesin olarak kalacak değerleri girin.Örnek kodlara bakabilirsiniz.

.deneme {

position:absolute;
margin-left:150px;
margin-right:30px;
margin-top:45px;
}
 

 

www.mucahitguner.com

Guneyy Guneyy se'öcü değilim.. Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek E-Ticaret
  • Konum Diğer
  • Ad Soyad İ** G**
  • Mesajlar 781
  • Beğeniler 58 / 199
  • Ticaret 86, (%100)

PrestijSolution adlı üyeden alıntı

fixed kullanmak yerine absolute kullanın.Absolute değerini belirtin daha sonra kesin olarak kalacak koordinatları girin.


Hocam yine aynı durum iç içe girdi ve aşağı sayfayı aşağı doğru kaydırınca menü kaymıyor.
 

 

PrestijSolution PrestijSolution SEO and DEVELOPER Kullanıcı
  • Üyelik 03.09.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek Seo ve Web Tasarım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad M** G**
  • Mesajlar 606
  • Beğeniler 30 / 139
  • Ticaret 29, (%93)
Ozaman menü kısmının tamamının kodlarını koysan daha iyi olur.Başka birşey yüzünden iç içe geçebilir.Tam olarak kodları görmediğimiz için en genel kullanımı yazdım ;)
Guneyy

kişi bu mesajı beğendi.

www.mucahitguner.com
wmaraci
wmaraci

Guneyy Guneyy se'öcü değilim.. Kullanıcı
  • Üyelik 22.06.2012
  • Yaş/Cinsiyet 34 / E
  • Meslek E-Ticaret
  • Konum Diğer
  • Ad Soyad İ** G**
  • Mesajlar 781
  • Beğeniler 58 / 199
  • Ticaret 86, (%100)

PrestijSolution adlı üyeden alıntı

Ozaman menü kısmının tamamının kodlarını koysan daha iyi olur.Başka birşey yüzünden iç içe geçebilir.Tam olarak kodları görmediğimiz için en genel kullanımı yazdım ;)


Buyrun tam kodlar, kusura bakmayın hocam.

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; margin-top: 10px; }
#dropmenu a {display:block; padding:0.25em 1em; color:#ffffff; border-right:1px solid #ecf8fe; text-decoration:none; font-weight: bold; font-size: 11px;}
#dropmenu a:hover {background:#ecf8fe; color:#00bff3;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px; margin: 0;}
#dropmenu ul a {background:#ecf8fe; color:#00bff3; border-left:1px solid #ecf8fe;}
#dropmenu li ul {background:#ecf8fe; color:#00bff3; border-top:1px solid #ecf8fe; width:14.1em;}
#dropmenu li ul a {background:#ecf8fe; color:#00bff3; width:12em; height:auto; float:left; border-bottom:1px solid #ecf8fe;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}


Ek Olarak:

PrestijSolution adlı üyeden alıntı

Ozaman menü kısmının tamamının kodlarını koysan daha iyi olur.Başka birşey yüzünden iç içe geçebilir.Tam olarak kodları görmediğimiz için en genel kullanımı yazdım ;)


Hocam olayı yaptım top: 10px; değeriyle oynayınca oldu yardımlarınız için teşekkürler :)
 

 

PrestijSolution PrestijSolution SEO and DEVELOPER Kullanıcı
  • Üyelik 03.09.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek Seo ve Web Tasarım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad M** G**
  • Mesajlar 606
  • Beğeniler 30 / 139
  • Ticaret 29, (%93)
Rica ederim :)
Guneyy

kişi bu mesajı beğendi.

www.mucahitguner.com
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