lostyazilim
tr.link

Ekran Çözünürlüğünde Kayma Sorunu

5 Mesajlar 747 Okunma
lstbozum
tr.link

mserkanturkel mserkanturkel www.serkanturkel.net Kullanıcı
  • Üyelik 14.10.2013
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad S** T**
  • Mesajlar 104
  • Beğeniler 7 / 11
  • Ticaret 0, (%0)
Merhaba arkadaşlar tek bir sorum olacak sitem (www.serkanturkel.net) girildiginde ben kendim 1366x768 ekran kullandıgım için menuyu ona göre ayarladım bana düzgün gözükürken daha geniş LCD ekranlarda sola dogru kayıyor haliyle tüm tarayıcı ve LCD lerde doğru görünmesi için ne yapmam gerekli?
 

 

www.serkanturkel.net
wmaraci
reklam

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
cssmenu divinin içindeki ul'nin margin-left:65 değerini kaldırıp bu ul'ye bir genişlik verip daha sonra margin:0 auto; derseniz otomatik her ekran ortalayacaktır.
Yukarıdaki yazı ile aynı hizada olsun istiyorsanız (daha profesyonel) o zaman işin içine medya sorguları ve ya jquery girer :)
 

 

mserkanturkel mserkanturkel www.serkanturkel.net Kullanıcı
  • Üyelik 14.10.2013
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad S** T**
  • Mesajlar 104
  • Beğeniler 7 / 11
  • Ticaret 0, (%0)
margin auto widht 100% zaten margin lefti kaldırdıgımda sadece benım ekranımda sola kayar otomatik ayar için başka çözüm olmalı..
 

 

www.serkanturkel.net

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)

mserkanturkel adlı üyeden alıntı

margin auto widht 100% zaten margin lefti kaldırdıgımda sadece benım ekranımda sola kayar otomatik ayar için başka çözüm olmalı..


Yukarıda size söylediğimi denedim. Width %100 yaparsanız margin:0 auto çalışmaz ki zaten. margin:0 auto nun amacı ekran boyutunu alır sizin divin ölçüsünü alır (elle verilmelidir bu değer). Kalan kısmı ise sağ ve soldan eşit ortalar.
Başka çözümlerde elbette mevcut.
Css medya sorguları ve ya jQuery
 

 

wmaraci
wmaraci

mserkanturkel mserkanturkel www.serkanturkel.net Kullanıcı
  • Üyelik 14.10.2013
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad S** T**
  • Mesajlar 104
  • Beğeniler 7 / 11
  • Ticaret 0, (%0)

FurkanKandemir adlı üyeden alıntı

Yukarıda size söylediğimi denedim. Width %100 yaparsanız margin:0 auto çalışmaz ki zaten. margin:0 auto nun amacı ekran boyutunu alır sizin divin ölçüsünü alır (elle verilmelidir bu değer). Kalan kısmı ise sağ ve soldan eşit ortalar.
Başka çözümlerde elbette mevcut.
Css medya sorguları ve ya jQuery


margin-left i kaldırıp menu boyutuna uygun max-width:1253px; ekledım.Şuan tarayıcımda düzgün gözüktü LCD ekrandada test etmem lazım browserstack ile deneyeyim.



Ek Olarak:

FurkanKandemir adlı üyeden alıntı

Yukarıda size söylediğimi denedim. Width %100 yaparsanız margin:0 auto çalışmaz ki zaten. margin:0 auto nun amacı ekran boyutunu alır sizin divin ölçüsünü alır (elle verilmelidir bu değer). Kalan kısmı ise sağ ve soldan eşit ortalar.
Başka çözümlerde elbette mevcut.
Css medya sorguları ve ya jQuery


FurkanKandemir adlı üyeden alıntı

Yukarıda size söylediğimi denedim. Width %100 yaparsanız margin:0 auto çalışmaz ki zaten. margin:0 auto nun amacı ekran boyutunu alır sizin divin ölçüsünü alır (elle verilmelidir bu değer). Kalan kısmı ise sağ ve soldan eşit ortalar.
Başka çözümlerde elbette mevcut.
Css medya sorguları ve ya jQuery



üstte yazdıgım yöntem ile sanırım çözdüm. İlginiz için teşekkürler.
Ekran görüntüleri :
Firefox 1600x1200:


Yandex 2048x1536 :


Yandex 1680x1050 :

 

 

www.serkanturkel.net
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