Zoque.Forum
Dirsek Teması:
Geri Dön Zoque.Forum » Webmaster Kaynaklari » ://www » Arsiv Bölümü » Table yerine div kullanmak


Arsiv Bölümü Webtasarımı ve internet bölümünde önemli olduğunu düşündüğümüz mesajların toplandığı bölüm. Foruma yeni bir soru sunmadan bu bölümdeki mesajlara göz atılması tavsiye olunur. (Arama motorundan daha eski mesajlara ulaşılabilir).

Yanıt
 
LinkBack Seçenekler
Old 03.08.2005   #21 (permalink)
Sercotec
 
Sercotec's Avatar
 
Üyelik Tarihi: 30.07.2004
Yer: Istanbul
Yaş: 36
Mesaj: 248
Re: Table yerine div kullanmak

İlk yanlışı nesneleri class ve id olarak tanımlamamakla yapıyorsun, neyin ne olduğunu anlamak çok zor ama mantık şöyle çalışır.

Body'e dersin ki text-align:center yani body içindeki elementleri ortala

Container'a dersin ki margin-left,right:auto yani her iki yandan da aynı uzaklıkta dur. (Toplam ekran genişliği - Container genişliği bölü 2)

Senin yukarıda yaptığın, gördüğüm kadarıyla nesneyi text-align:center yapılmış bir başka div'in içinde ortalamaya çalışıyorsun ve ayrıca siyah kutuya sağdan ve soldan da marj vermemişsin. Dolayısıyla IE senin görmek istediğini sergilerken, FF nesneyi sola yaslıyor.

Kolay gelsin...
Sercotec şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 03.08.2005   #22 (permalink)
ZuLuuuuuu
 
ZuLuuuuuu's Avatar
 
Üyelik Tarihi: 28.05.2001
Yer: İzmir/Ankara
Yaş: 23
Mesaj: 766
Re: Table yerine div kullanmak

Tamam da benim normalde class kullanmadığımı nereden biliyorsun Sorumu buraya aktarırken daha kolay gözüktüğü için ve direk kopyala yapıştır daha kolay olsun diye özellikle class'tan alıp style=""a koyuyorum.

Body'ye ortalatmayı denedim o da olmadı. Ama sen margin: auto kullanırsan FF'de gözükür demişsin dediğim gibi benim yapmak istediğim şey margin: auto'da kaçmak çünkü IE'de çalışmıyor. Bu arada sürüm farkından mı bilmiyorum ama benim IE'de de ortalanmadı.
ZuLuuuuuu şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 03.08.2005   #23 (permalink)
Sercotec
 
Sercotec's Avatar
 
Üyelik Tarihi: 30.07.2004
Yer: Istanbul
Yaş: 36
Mesaj: 248
Re: Table yerine div kullanmak

Sen yine de problemi yazarken de sistematik olmakdan kaçınma,

<!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">
<!--
body {
text-align: center;
margin: 0px;
padding: 0px;
}
#container {
height: 50px;
width: 100%;
background-color: #00CC00;
}
#siyah {
height: 50px;
width: 100px;
margin-right: auto;
margin-left: auto;
background-color: #000000;
}
-->
</style>
</head>

<body>
<div id="container">
<div id="siyah"></div>
</div>
</body>
</html>

Bak bakalım bu kod istediğin etkiyi veriyor mu her ikisinde de...
__________________
Serkan Ertürk
Primus Inter Pares
http://www.sercotec.net
Sercotec şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 03.08.2005   #24 (permalink)
ZuLuuuuuu
 
ZuLuuuuuu's Avatar
 
Üyelik Tarihi: 28.05.2001
Yer: İzmir/Ankara
Yaş: 23
Mesaj: 766
Re: Table yerine div kullanmak

Tamam ya ben birinci gösterdiğim örnekte Doctype'ı yazarken hata yapmışım. Nasıl oldu bilmiyorum ama yarım kalmış Doctype (Şimdi forumdakini de düzelttim.). Onu düzeltince IE'de çalıştı, margin'leri de koyunca FF'de ve Opera'da da çalıştı böylece her üçünde de çalışmış oldu. Teşekkür ederim.
ZuLuuuuuu şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 03.08.2005   #25 (permalink)
omerbalyali
 
omerbalyali's Avatar
 
Üyelik Tarihi: 15.02.2005
Yer: İstanbul
Yaş: 20
Mesaj: 924
Görsel: 24
Re: Table yerine div kullanmak

Alıntı:
omerbalyali tarafından gönderilen mesaj:
-Bir objeyi margin:0 auto; şeklinde yatay olarak ortalayabilirsin.
-IE5'te auto çalışmaz, bu yüzden üstteki kod çalışmaz. Bunun yerine benim kendi yöntemim olan bir metod var o da; margin:0 auto kullanacaksam bunun dışına bir tane daha div koyar ve ona text-align:center; stilini eklerim. Bu sayede hem ie5 hem de modern tarayıcılar mutlu mesut yaşar...
Burada demiştim, sadece birini kullanırsan ya ie5 ya da ff'te gözükmüyor. Yani ikisini de kullanacaksın.
__________________
i got the blues.
omerbalyali şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 04.08.2005   #26 (permalink)
cgencer
 
cgencer's Avatar
 
Üyelik Tarihi: 02.08.2001
Yer: istanbul
Yaş: 37
Mesaj: 1,503
Re: Table yerine div kullanmak

serco, olayı ele alış şeklin çok hoşuma gitti, elementleri 'capability' -diyeceğim, züppelik anlamayın- yani yaptıkları işlevlerle bağlantılı olarak değerlendirerek vereceğin etkileri kestirmen zaten bu işin temeli; ama bunu da bu şekilde net bir ifadeyle söyleyebilmek ya da bu dilede yazılmış bir yazı okumak ancak insanları doğru yönlendirir sanırım. yoksa herkes, her elementin ne işlevleri olduğunu biliyor/tahmin ediyor, sadece neyi nerede nasıl kullanacağını kestiremiyor. ) diline sağlık diyeyim.
__________________
obsesif v2 + daha iyi net + uçuca + facebook + linkedin
cgencer şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 04.08.2005   #27 (permalink)
Sercotec
 
Sercotec's Avatar
 
Üyelik Tarihi: 30.07.2004
Yer: Istanbul
Yaş: 36
Mesaj: 248
Re: Table yerine div kullanmak

Sağol Gencer,

http://penguin.theopalgroup.com/cgi-...electoracle.py

burada da girdiğiniz css kodlarını benzer şekilde yorumlayan bir düzenek var, isteyen arkadaşlar kullanabilirler.

Kolay gelsin,
__________________
Serkan Ertürk
Primus Inter Pares
http://www.sercotec.net
Sercotec şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 04.08.2005   #28 (permalink)
cgencer
 
cgencer's Avatar
 
Üyelik Tarihi: 02.08.2001
Yer: istanbul
Yaş: 37
Mesaj: 1,503
Re: Table yerine div kullanmak

http://www.csscreator.com/version2/pagelayout.php
adresinde de temel css layout'unuzu istediğiniz standarda göre dinamik olarak hazırlayıp css dosyasıyla birlikte size sunuyorlar; öğrenmeye üşenen/ihtiyacı olmayan kişiler için...
__________________
obsesif v2 + daha iyi net + uçuca + facebook + linkedin
cgencer şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 06.08.2005   #29 (permalink)
Dd_LynCh
 
Dd_LynCh's Avatar
 
Üyelik Tarihi: 01.11.2000
Yer: İstanbul - Ortaköy
Yaş: 24
Mesaj: 1,091
Re: Table yerine div kullanmak

Selam. Arkadaşlar benim uzun süre uğraşıp çözemediğim birşey var bu CSS ile ilgili...

Div'lerin yüksekliklerini(width) 100% yapınca eğer üstlerinde başka bir Div varsa onun yüksekliğini de sayfaya ekliyor ve alta doğru gereksiz bir uzama oluyor. Bunu nasıl engelleriz?
Dd_LynCh şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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 06.08.2005   #30 (permalink)
cgencer
 
cgencer's Avatar
 
Üyelik Tarihi: 02.08.2001
Yer: istanbul
Yaş: 37
Mesaj: 1,503
Re: Table yerine div kullanmak

% cinsinden değer verildiğinde hiyerarşide bir üst elementin %sine göre alacağından, body'nin %100'ünü ifade etmiş oluyorsun ve buna ek olarak başka bir div eklersen de %100+2.div yüksekliği oluyor. yani mantık hatan var.
__________________
obsesif v2 + daha iyi net + uçuca + facebook + linkedin
cgencer şu an çevrimdışı  
del.icio.us'a kaydet!Technorati'ye kaydet!Furl 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
Sponsorlu Bağlantılar
Zoque.Forum
Reklam
Yanıt

Etiketler
kullanmak , div , yerine , table



 
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 Yenibiristihdam.com

Tag Cloud
acil adsl ajax almak arama araniyor ariyorum ariyoruz asp bilen bilgi bilgisayar blog calisma css dijital div domain dosya eleman film 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 kisisel kullanimi link logo mac mail menu microsoft muzik mysql nasil neden nedir online oyun photoshop php problemi program programi reklam resim satilik sayfa script scripti server ses sistemi site sitesi son soru sorun sorunsali sorunu sql tasarim tasarimci tasarimcisi tasarimi turk turkce veri video web windows xml yapmak<