Zoque.Forum
Dirsek Teması:
Geri Dön Zoque.Forum » Webmaster Kaynaklari » ://www » CSS » CSS Div hatası: Kod var, görüntü yok.


CSS CSS ile ilgili merak ettiklerinizi, sorunlarınızı ve fikirlerinizi bu bölümde paylaşabilirsiniz.

Yanıt
 
LinkBack Seçenekler
Old 24.09.2006   #1 (permalink)
adoxus
 
adoxus's Avatar
 
Üyelik Tarihi: 31.05.2002
Yer: Başkentimsi Şehirimtırak
Yaş: 23
Mesaj: 418
CSS Div hatası: Kod var, görüntü yok.

Arkadaşlar,
Aklıma gelen herşeyi denedim ama çözüm bulamadım. Sorunum sitedeki "footer" adlı div'in IE'de görünüp, FF veya Opera'da görüntülenememesi. W3 Validator'a göre site XHTML 1.0 Strict ve CSS olarak onaylı.
Kod:
.footer {
	background: url(im/m/bot2.gif) center bottom no-repeat;
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 691px;
	height: 60px;
}
sorun şu sayfada: SAREG Feedback
İlgili sayfa şu şekilde sonlanıyor.
HTML Code:
}
?></div>
<p style="clear:both"></p>
</div></div>
<div class="footer"></div>
</body></HTML>
Bildiğim CSS Hack'ler de bu soruna çare olmuyor.
Yardımlarınız için teşekkürler.
__________________
"Who controls the past, controls the future; who controls present, controls the past."
G. Orwell

_ _ adoxus.net _ _ bir gün en az 35 saat olmalı!!!
adoxus şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 24.09.2006   #2 (permalink)
omerbalyali
 
omerbalyali's Avatar
 
Üyelik Tarihi: 15.02.2005
Yer: İstanbul
Yaş: 20
Mesaj: 924
Görsel: 24
Re: CSS Div hatası: Kod var, görüntü yok.

display:block;

eklersen?
__________________
i got the blues.
omerbalyali şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 24.09.2006   #3 (permalink)
adoxus
 
adoxus's Avatar
 
Üyelik Tarihi: 31.05.2002
Yer: Başkentimsi Şehirimtırak
Yaş: 23
Mesaj: 418
Re: CSS Div hatası: Kod var, görüntü yok.

Alıntı:
omerbalyali tarafından gönderilen mesaj: Mesajı Görüntüle
display:block;

eklersen?
Teşekkürler, fakat var olan sonuçtan farklı bir sonuç doğurmuyor.
__________________
"Who controls the past, controls the future; who controls present, controls the past."
G. Orwell

_ _ adoxus.net _ _ bir gün en az 35 saat olmalı!!!
adoxus şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 24.09.2006   #4 (permalink)
adoxus
 
adoxus's Avatar
 
Üyelik Tarihi: 31.05.2002
Yer: Başkentimsi Şehirimtırak
Yaş: 23
Mesaj: 418
Re: CSS Div hatası: Kod var, görüntü yok.

HTML Code:
}
?></div>
<p style="clear:both"></p>
</div></div>
<div class="footer"><img src="im/m/bot2.gif" alt="" /></div>
</body></HTML>
Eğer sayfadaki kodu yukarıdaki şekilde değiştirirsem (footer div içine img, ki bu div'in arkaplanı aynı zamanda), div olması gereken yerde, olması gerektiği gibi görünür oluyor. Fakat bu görünürlük bu kez CSS değil de HTML kaynaklı oluyor ki, bu CSS olmadığı zamanlarda ve small-screen rendering kullanıldığında yüklenme anlamına geldiği için işime yarayamıyor.

Diyelim ki bu olay işime yaradı, bu sefer de CSS - Div alignment sorunu / Opera ve FF, biraz; IE hiç konusunda belirttiğim sorun IE hariç, Firefox ve Opera'da aynen ortaya çıkıyor.

Sadece position:absolute ile saf div'i görünür kılabiliyorum, o da sayfanın üstlerinde genişliğe göre yer değiştirirken.
__________________
"Who controls the past, controls the future; who controls present, controls the past."
G. Orwell

_ _ adoxus.net _ _ bir gün en az 35 saat olmalı!!!
adoxus şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 24.09.2006   #5 (permalink)
omerbalyali
 
omerbalyali's Avatar
 
Üyelik Tarihi: 15.02.2005
Yer: İstanbul
Yaş: 20
Mesaj: 924
Görsel: 24
Re: CSS Div hatası: Kod var, görüntü yok.

div'in içine bir span yerleştir, footer imajın içindeki yazıyı buna yaz ve bu spanı display:none; yap.

ayrıca 0px yerine 0 diyebilirsin.

"0px auto 0px auto" yerine sadece "0 auto" diye yazabilirsin.
__________________
i got the blues.
omerbalyali şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 24.09.2006   #6 (permalink)
adoxus
 
adoxus's Avatar
 
Üyelik Tarihi: 31.05.2002
Yer: Başkentimsi Şehirimtırak
Yaş: 23
Mesaj: 418
Re: CSS Div hatası: Kod var, görüntü yok.

Alıntı:
omerbalyali tarafından gönderilen mesaj: Mesajı Görüntüle
div'in içine bir span yerleştir, footer imajın içindeki yazıyı buna yaz ve bu spanı display:none; yap.

ayrıca 0px yerine 0 diyebilirsin.

"0px auto 0px auto" yerine sadece "0 auto" diye yazabilirsin.
Aynı yöntemi zaten sitede kullanmaktayım. + Tamam, bu small-screen rendering iken veya CSS yok iken resmi ortadan kaldırıp yazıyı görüntüleyecektir ama benim amacım footer'da sadece resmin görünebilmesi, orası için herhangi bir yok edilecek span içinde yazı kullanmıyorum. CSS yok iken resim olmuyor, small-screen de CSS'i çok takmıyor. Amacım diğer sayfalardaki gibi bir görüntü elde edebilmek. Ve tabii ki sorun çıkmaması.
__________________
"Who controls the past, controls the future; who controls present, controls the past."
G. Orwell

_ _ adoxus.net _ _ bir gün en az 35 saat olmalı!!!
adoxus şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 24.09.2006   #7 (permalink)
Sercotec
 
Sercotec's Avatar
 
Üyelik Tarihi: 30.07.2004
Yer: Istanbul
Yaş: 36
Mesaj: 249
Re: CSS Div hatası: Kod var, görüntü yok.

Öncelikle class ve id leri yerinde kullanmakta fayda var , classlar aynı sayfa içinde birden fazla defa kullanılması gereken özellikler, id ler ise 1 defa kullanılacak taglar için kullanılır.

.footer'a clear:both özelliğini eklersen sanırım sorunun çözülecektir.

Kolay gelsin...
__________________
Serkan Ertürk
Primus Inter Pares
http://www.sercotec.net
Sercotec şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 25.09.2006   #8 (permalink)
adoxus
 
adoxus's Avatar
 
Üyelik Tarihi: 31.05.2002
Yer: Başkentimsi Şehirimtırak
Yaş: 23
Mesaj: 418
Re: CSS Div hatası: Kod var, görüntü yok.

Alıntı:
Sercotec tarafından gönderilen mesaj: Mesajı Görüntüle
Öncelikle class ve id leri yerinde kullanmakta fayda var , classlar aynı sayfa içinde birden fazla defa kullanılması gereken özellikler, id ler ise 1 defa kullanılacak taglar için kullanılır.

.footer'a clear:both özelliğini eklersen sanırım sorunun çözülecektir.

Kolay gelsin...
Teşekkürler. Evet clear:both görünür kıldı, fakat şimdi de burada bahsettiğim sorun baş gösterdi. Ve buna da şöyle çözüm bulabiliyorum.
Kod alttaki gibi olduğu zaman, "feedback" sayfası IE'de doğru, FF ve Opera'da yanlış sonuç veriyor. Diğerlerinde sorun çıkmıyor.
HTML Code:
}
?>
</div>
<p style="clear:both"></p>
</div>
</div>
<div id="footer"></div>
Kod alttaki gibi olduğu zamansa, "feedback" sayfası IE, FF ve Opera'da doğru sonuç veriyor. Diğer sayfalar yukarıda bağlantısını verdiğim sorunu gösteriyor.
HTML Code:
}
?>
</div>
</div>
<p style="clear:both"></p>
</div>
<div id="footer"></div>
Aklıma ilk gelen GET değişkenine bir if-else atayarak ilgili kodu sayfaya göre değişir kılmak. CSS olarak sayfa-bağımsız bir çözüm aklıma gelmiyor.
__________________
"Who controls the past, controls the future; who controls present, controls the past."
G. Orwell

_ _ adoxus.net _ _ bir gün en az 35 saat olmalı!!!
adoxus şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 25.09.2006   #9 (permalink)
Sercotec
 
Sercotec's Avatar
 
Üyelik Tarihi: 30.07.2004
Yer: Istanbul
Yaş: 36
Mesaj: 249
Re: CSS Div hatası: Kod var, görüntü yok.

bir de sayfayı görsek tam olarak ne istediğini daha iyi anlarız sanırım
__________________
Serkan Ertürk
Primus Inter Pares
http://www.sercotec.net
Sercotec şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 25.09.2006   #10 (permalink)
adoxus
 
adoxus's Avatar
 
Üyelik Tarihi: 31.05.2002
Yer: Başkentimsi Şehirimtırak
Yaş: 23
Mesaj: 418
Re: CSS Div hatası: Kod var, görüntü yok.

Alıntı:
adoxus tarafından gönderilen mesaj: Mesajı Görüntüle
...
sorun şu sayfada: SAREG Feedback
...

İlk mesajımda çok da dikkat çekmediğini farkederek de olsa belirtmiştim.
__________________
"Who controls the past, controls the future; who controls present, controls the past."
G. Orwell

_ _ adoxus.net _ _ bir gün en az 35 saat olmalı!!!
adoxus şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Yanıt

Etiketler
goruntu , kod , hatasi , div , css



 
Zoque'a hoşgeldiniz!
Zoque 27.02.1999 tarihinde yayın hayatına başlamış, paylaşıma dayalı bir oluşumdur. Tasarım, teknoloji, web, kültür ve sanat ana başlıkları altında bilgi paylaşımı ve benzer değerlere sahip katılımcıların birbirleriyle iletişime girmelerine imkan sağlar. "Az ama Öz" sloganından yola çıkarak, kaliteli ve nitelikli katılımı temel alır.

Saygın ve ciddi bir ortamda yardımlaşmak, haberleşmek, kendi bildiklerini diğer katılımcılarla paylaşmak isteyen, oluşumumuza düzenli katılımda bulunacağı inancını taşıyan konuklarımızı üye olmaya davet ediyoruz. [ » ]


Üye Girişi:

UslanmaM baktabul.com TEKplatform TEKplatform

En popüler ilk 100 etiket
Tag Cloud
acil adsl ajax almak arama araniyor ariyorum ariyoruz asp bilen bilgi bilgisayar blog calisma canon css dijital div domain dosya eleman film firefox flash font form forum fotograf freelance google gore grafik grafiker hakkinda hangi hata hatasi hosting html ilgili ilk image internet istanbul istiyorum java javascript karakter kayit