div/height/ie5-6

fenomen · 22.09.2003

selamlar,
bir divin içine div ekleyip floatını left, bir div daha ekleyip,
floatını right yaptım. soldakinin içeriği aşağıya doğru
metin eklendikçe uzamaya elverişli. sağdaki de
buna göre uzamalı. yani height değerini 100% yapmam gerekli bi-nevi.
umarım buraya kadar anlaşılmıştır.

ancak,
ie5'te önizlediğimde olay gerçekleşiyor, herşey doğru.
ie6'da ise height değerini 100% yapmamışım gibi davranıyor.
sol taraf metinlerle dolup aşağı doğru indiğinde sağ kısım yukarda
oluğu gibi kalıyor.

bunun çözümü nedir. ya da div içine div eklemek gereksizmi?, başka
bir şekilde de yapılabilir mi?

sLYsHARk · 03.10.2003

div taginda height özelligi height="100%" seklinde verilince birtakim tarayicilarda sorunlu gozukebiliyor. Bunu style="height: 100%" seklinde deneyip sonucu bildirebilirsen sevinirim.

ZuLuuuuuu · 30.12.2005

Selamlar,

Bir div'in yüksekliğini 100% yapmak istiyorum. Şuradaki örnekte bunu yapabilmişler:

http://tagsoup.com/-dev/null-/css/fixed/left/0-0-0

ancak ben style="height: 100%" yapsam da IE bunu kabul etmiyor. Doctype'ı kaldırınca çalışıyor ancak ben onu kaldırmak istemiyorum. Yukarıda verdiğim örnekte bunu nasıl yapmayı başarmışlar? Kodları inceledim ama benimkilerden farkını pek anlamadım.

30.12.2005

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/CSS">
HTML,body {height:100%;  margin:0px;}
div {height:100%; width:100%; background-color:#CCCCCC; }
</style>g
</head>
<body>
<div></div>
</body>
</HTML>

opera,Firefox,ie6'da denedim çalıştı, diğer tüm tarayıcılarda da çalışması lazım.

ZuLuuuuuu · 30.12.2005

Tamam, sorun body tag'ına 100% vermeyişimden kaynaklanıyormuş onu koyunca düzeldi, teşekkürler.

mrtksn · 29.01.2006

Alıntı:

ba kubah tarafından gönderilen mesaj:

Kod:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/CSS">
HTML,body {height:100%;  margin:0px;}
div {height:100%; width:100%; background-color:#CCCCCC; }
</style>g
</head>
<body>
<div></div>
</body>
</HTML>

opera,Firefox,ie6'da denedim çalıştı, diğer tüm tarayıcılarda da çalışması lazım.

bende Firefox 1.5 ve ie6 da üst kısımda beyaz bir bar bırakıyor ve sağda scroll beliriyor?_

11.05.2006

@mrtksn cevabı henüz şimdi gördüm. style etiketinden sonra "g" karakterini istemeden yazmışım, silersen düzelir.

karabela24 · 17.10.2007

Merhaba
ie6 kullanıyorum.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/CSS">
HTML,body {height:100%; margin:0px;}
div {height:100%; width:100%; background-color:#CCCCCC; }
</style>g
</head>
<body>
<div></div>
</body>
</HTML>

uyguladım kendi içerisinde düzgün çalışıyor yalnız başka bir sayfaya include ettiğimde sayfanın alt kısmında boşluk bırakıyor bu sorunu nasıl çözebilirim.

ve daha yeni şunuda fark ettimki body{height:150%} yapınca boşluk kapanıyor.bunun sebebi nedir acaba?

22.09.2003	#1 (permalink)
fenomen Üyelik Tarihi: 13.06.2002 Yer: sakarya Yaş: 26 Mesaj: 361 Görsel: 7	div/height/ie5-6 selamlar, bir divin içine div ekleyip floatını left, bir div daha ekleyip, floatını right yaptım. soldakinin içeriği aşağıya doğru metin eklendikçe uzamaya elverişli. sağdaki de buna göre uzamalı. yani height değerini 100% yapmam gerekli bi-nevi. umarım buraya kadar anlaşılmıştır. ancak, ie5'te önizlediğimde olay gerçekleşiyor, herşey doğru. ie6'da ise height değerini 100% yapmamışım gibi davranıyor. sol taraf metinlerle dolup aşağı doğru indiğinde sağ kısım yukarda oluğu gibi kalıyor. bunun çözümü nedir. ya da div içine div eklemek gereksizmi?, başka bir şekilde de yapılabilir mi? __________________ FENOMEN PHOTOS

30.12.2005	#3 (permalink)
ZuLuuuuuu Üyelik Tarihi: 28.05.2001 Yer: İzmir/Ankara Yaş: 23 Mesaj: 766	Re: div/height/ie5-6 Selamlar, Bir div'in yüksekliğini 100% yapmak istiyorum. Şuradaki örnekte bunu yapabilmişler: http://tagsoup.com/-dev/null-/css/fixed/left/0-0-0 ancak ben style="height: 100%" yapsam da IE bunu kabul etmiyor. Doctype'ı kaldırınca çalışıyor ancak ben onu kaldırmak istemiyorum. Yukarıda verdiğim örnekte bunu nasıl yapmayı başarmışlar? Kodları inceledim ama benimkilerden farkını pek anlamadım. __________________ http://www.sineyorum.net - Hacettepe Robot Topluluğu

30.12.2005	#5 (permalink)
ZuLuuuuuu Üyelik Tarihi: 28.05.2001 Yer: İzmir/Ankara Yaş: 23 Mesaj: 766	Re: div/height/ie5-6 Tamam, sorun body tag'ına 100% vermeyişimden kaynaklanıyormuş onu koyunca düzeldi, teşekkürler. __________________ http://www.sineyorum.net - Hacettepe Robot Topluluğu

11.05.2006	#7 (permalink)
ba kubah Mesaj: n/a	Re: div/height/ie5-6 @mrtksn cevabı henüz şimdi gördüm. style etiketinden sonra "g" karakterini istemeden yazmışım, silersen düzelir.

17.10.2007	#8 (permalink)
karabela24 Üyelik Tarihi: 16.05.2007 Yer: İstanbul Yaş: 21 Mesaj: 126	Re: div/height/ie5-6 Merhaba ie6 kullanıyorum. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <head> <meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/CSS"> HTML,body {height:100%; margin:0px;} div {height:100%; width:100%; background-color:#CCCCCC; } </style>g </head> <body> <div></div> </body> </HTML> uyguladım kendi içerisinde düzgün çalışıyor yalnız başka bir sayfaya include ettiğimde sayfanın alt kısmında boşluk bırakıyor bu sorunu nasıl çözebilirim. ve daha yeni şunuda fark ettimki body{height:150%} yapınca boşluk kapanıyor.bunun sebebi nedir acaba? Mesaj karabela24 tarafından 17.10.2007 (17:38) yeniden düzenlendi..

03.10.2003	#2 (permalink)
sLYsHARk Üyelik Tarihi: 03.02.2001 Yer: Istanbul Yaş: 23 Mesaj: 153	div taginda height özelligi height="100%" seklinde verilince birtakim tarayicilarda sorunlu gozukebiliyor. Bunu style="height: 100%" seklinde deneyip sonucu bildirebilirsen sevinirim.