<div> mi yoksa <table> mı?
60
●4.387
- 24-02-2009, 02:16:04yavaşşşşşşşş tarih olsun.rgnkR adlı üyeden alıntı: mesajı görüntüle
div mi oda ne
baş belası karın ağrısı şey
- 24-02-2009, 02:29:49div'e alıştım, üyelik formunda falan table kullanınca div'i aldatmış gibi oluyorum.

ama bazen div o kadar gıcık ediyoki adamı, baltic'te olmasa hazır template kullanmaya niyetlendiğim bile oluyo.
Kısaca table mable unuttum, sizde unutun. Bu mesele burda bitsin.
Edit:
maker adlı üyeden alıntı: mesajı görüntüleAlıntı
Bu şekilde ie6 içinde ayrı bi css kodlayın, ben öyle yapıyorum.
İe ****'si herşeyde bi' sorun çıkarıyo zaten. Microsoft msn 8 gibi ie 7+ yüklemeyi zorunlu kılsa olacak ama yapmıyo işte. - 24-02-2009, 09:18:33işi sadece Google açısından düşünmemek gerekir. div kullanımı sitelerimiz içinde daha uygun olacaktır. table ve td ler ile kaynak kirliliği çok fazla yaratılıyor. css de bir kod ile oldukça fazla şey yapıldığı için botların site içeriğini okuması dahada kolaylaşır. Yani şöyle düşünün 75Kb lık bir kaynaktan siteyi okuyup sıralamalaya almak var, 10KB lıkbir kaynaktan siteyi okuyup sıralamaya almak var. Ayrıca bir şeyi asla ama asla gözden kaçırmamak gerekiyor. Bugün bazı arkadaşlarımız hala td,table de ısrat ediyor ama Google The W3C CSS Validation Service bu sayfaya PR10 Değeri vermiş ve ne kadar önemli olduğunu özellikle vurgulamış. Sanırım başka bişey daha söylemeye gerek yok.
- 24-02-2009, 11:02:29div hakkında elinde sağlam bir kaynak olan var mı?
Sabahdan beri uğraşıyorum margin'i 0 yapıyorum winth, height %100 yapıyorum ama bir türlü sayfaya yayamıyorum div'i kafayı yiyicem.. :/ - 24-02-2009, 16:48:37En güzel kaynaklardan biri, www.fatihhayrioglu.comPhotoshop_kadir adlı üyeden alıntı: mesajı görüntüle
En basitinden bi' örnek yaptım, en sade şekilde bile css kodlarını html'e koyduğunuzu düşünün bide, ne kadar kalabalık yapıyo.
body { font:12px/20px Verdana,Arial; text-align:center; } #anaalan { width:800px; margin:0 auto; text-align:left; } .ust { float:left; width: 800px; height: 100px; background-color: #66ff33; } .sol { float:left; width:200px; height:400px; background-color:#99ccff; } .orta { float:left; width:400px; height:400px; background-color:#ffca95; } .sag { float:left; width:200px; height:400px; background-color:#ffccff; } .alt { float:left; width:800px; height:100px; background-color:lightgreen; }Birde böyle bakın, ne kadar sade. Google şunu sevmesinmi.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="tr-TR"> <head> <title>CSS Örnek</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /> <link rel="stylesheet" type="text/css" href="ornek.css" /> </head> <body> <div id="anaalan"> <div class="ust">Üst bölüm</div> <div class="sol">Sol bölüm</div> <div class="orta">İçerik</div> <div class="sag">Sağ bölüm</div> <div class="alt">Alt bölüm</div> </div> </body> </html>
Table tarih oldu
