position:fixed sorunsalı?

02.02.2013 16:07

#1

Guneyy se'öcü değilim.. Kullanıcı

Üyelik 22.06.2012
Yaş/Cinsiyet 33 / 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}

02.02.2013 16:12

#2

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

02.02.2013 16:14

#3

Guneyy se'öcü değilim.. Kullanıcı

Üyelik 22.06.2012
Yaş/Cinsiyet 33 / 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.

02.02.2013 16:16

#4

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 ;)

1 kişi bu mesajı beğendi.

www.mucahitguner.com

02.02.2013 16:17

#5

Guneyy se'öcü değilim.. Kullanıcı

Üyelik 22.06.2012
Yaş/Cinsiyet 33 / 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 :)

02.02.2013 16:40

#6

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 :)

1 kişi bu mesajı beğendi.

www.mucahitguner.com

position:fixed sorunsalı?

Üye Girişi Yap