width ve height sorunu

idea

Kod:

  <div id="map" style="width: 1024px; height: 768px;"></div>

arkadaşlar böyle yapınca kod çalışıyor. google map api ile veri çekiyorum. haritanın tarayıcıyı kaplamasını istiyorum.

eğer yukarıdaki gibi yaparsam sadece 1024x768 ekran çözünürlüğü desteklemiş olurum.

değeri %100 yaparak tüm ekran çözünürlüklerinde desteklenmesini sağlayabilirim.

ama bu şekilde de yaptığımda çalışmıyor? yardımcı olur musunuz? teşekkürler.

Kod:

<div id="map" style="width: 100%; height: 100%;"></div>

retrospektif · 29 Temmuz 2011

Sorun devam ediyor mu? Ya da çödüyseniz nasıl bir yol uyguladınız?

idea · 29 Temmuz 2011

sorun devam ediyor.

retrospektif · 29 Temmuz 2011

Hocam uygulamalı örnek ile birlikte sorunun cevabı

http://econym.org.uk/gmap/basic19.htm

http://econym.org.uk/gmap/example_fullscreen1.htm

idea · 29 Temmuz 2011

olmuyor hocam... bunun gibi çok doküman okudum...

işin enteresan tarafı

style="width: 1024px; height: 768px;"

kodunu silsem de çalışmıyor.

verdiğin linkte %96 yapın diyor ve kodları incelediğimde şöyle yapmışlar:

<div id="map" style="width: 100%; height: 96%;"></div>

denemedim ama sonuç alamadım.

alibarin · 29 Temmuz 2011

Merhaba arkadaşlar,

jQuery ile sorununuza gayet kolaylıkla çözüm bulabilirsiniz. jQuery dosyasını sayfanıza

HTML:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

şeklinde ekledikten sonra

HTML:

<script> $(document).ready(function(){
var sayfayukseklik = $(document).height();
$("#dividsi").css("height", sayfayukseklik+"px");
});
</script>

kodu ile sorununuzu halledebilirsiniz. Tabi yüksekliğini ayarlayacağınız div elementin ID 'sini jQuery kodundaki ID (dividsi) ile değiştirmeyi unutmayınız.

İyi çalışmalar.

Eif · 29 Temmuz 2011

Bir de bunu dene:

<div id="map" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></div>

idea · 30 Temmuz 2011

Çok sağol

sorun giderildi..

alibarin · 30 Temmuz 2011

idea' Alıntı:
Çok sağol sorun giderildi..

Sorunu verdiğim cevap ile mi çözdün? Merak ettim.

idea · 31 Temmuz 2011

<div id="map" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"></div>

ile sorunu giderdim. yine de teşekkürler hocam.