[omerbalyali]

Ayrıca standartlar moda değil, akım da değil. Standartları kullanmak bugün bir avantaj olsa da aslında tam olarak avantajda değil zaten olması gereken bir sorumluluk. İleride zaten moda olmadığı ve zorunluluk olduğu anlaşılacak. Bugün HTML bilmek çok büyük bir artı değil, fakat xhtml-css kullanmak ve web standartlarına uymak artı... fakat yarın da aynı HTML bilmek gibi web standartları da zaten herkesin uyması gereken bir kavram olacak. İşte o günlere geldiğimiz zaman daha işlevsel, daha yaratıcı projeler değer kazanacak... çok daha kullanılabilir, çok daha erişilebilir ve genişletilebilir.

[Painkiller]

Daha önce geçtimi bilmiyorum ama bir deneyimimi yazayım dedim:

Şimdi div lerle tasarım yapmaya soyunduk bi kere, bide baktık şu sorun doğdu (en azından bende)

şimdi sitemiz iki kolondan oluşuyor diyelim sol kolon ve içerik eğer içerik uzunsa herhangi bir sorun yok yani herşey wrapper içerisinde gedüzgün görünüyor. Fakat içerik kısa ise ve sol kolon uzun ise sol kolon wrapper ın dışına taşarak aşağıya doğru uzuyor. (bkz. ornek1.htm)

Sorun için biraz kafa yordum ve bazı çözümleri buldum:

1 - ya önceki mesajlarda geçen sayfa yüksekliğinde bir 100% wrapper kullanacağız (bkz. ornek2.htm)
2 - yada :after ile content in style ında biraz değişiklik yapacağız: ayrıntılı bilgi için: http://www.positioniseverything.net/easyclearing.html# (bkz. ornek3.htm)

beni fazlaca uğraştıran bi sorun olduğundan paylaşmak istedim. ornek htm lerin kaynak kodlarını inceleyerek ne dediğimi daha iyi anlaycaksınız.

herkese iyi çalışmalar.

[sahip]

table yerine div kullanmak???

hayır... table yerine div kullanmıyoruz.

table' ı zaten yanlış, daha doğrusu çaresizlikten site yapmak için kullanıyorduk. Kolonlar , bölümler vesaire yapmak için.

artık gerek yok...

sağ olasın izocam

[Skeleton]

ornek1.htm dosyasına bir tane daha div ekleyerek sorun çözülebilir. Şöyle:

<div id="Wrapper">

<div id="LeftCol">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

<div id="Content">
<p>
Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
</p>

</div>
<div style="clear:both;"></div> <!-- YENİ EKLENEN DIV -->
</div>

[Painkiller]

Skeleton tarafından gönderilen mesaj:

ornek1.htm dosyasına bir tane daha div ekleyerek sorun çözülebilir. Şöyle:

<div id="Wrapper">

<div id="LeftCol">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

<div id="Content">
<p>
Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
</p>

</div>
<div style="clear:both;"></div> <!-- YENİ EKLENEN DIV -->
</div>

harika bunu bilmiyordum bak, teşekkürler.

[limonlu]

Layout yapmada bir sıkıntınız varsa vereceğim linkler sıkıntınızı fazlasıyla çözecektir.
Eğer bu işi çözmek istiyorsanız adım adım yapılmış layout öğreticis:
http://layout.constantology.com/
Ammaaan bee kim uğraşacak hazır yok mu diyorsanız:
http://layouts.ironmyers.com/
http://www.code-sucks.com/css%20layo...x-css-layouts/
Burda da layout scripti var:
http://layout.constantology.com/builder/index.html
Bu daha gelişmişi oluştur ve anında gör:
http://www.fu2k.org/alex/css/onetrue...le/interactive
Burda da farklı layoutlar:
http://tjkdesign.com/articles/one_ht...ss_layouts.asp
Bu kadar yeterli galiba. Çalışmalarınızda başarılar.

[Midgard]

<div style="float: left;">sol</div>
<div style="float: center;">orta</div>
<div style="float: right;">sag</div>

bunun duzgun calismasi gerekmiyor mu?

[fleXin]

Midgard tarafından gönderilen mesaj:

<div style="float: left;">sol</div>
<div style="float: center;">orta</div>
<div style="float: right;">sag</div>

bunun duzgun calismasi gerekmiyor mu?

<div style="float: left;">sol</div>
<div style="float: left;">orta</div>
<div style="float: left;">sag</div>

Bir de böyle dene.

[Tobin]

<div> seo için bire birdir ama gerçekten zordur yaparken hep istenilenden biraz uzak sonuçlar çıkar.

css yi çok iyi kavrayığ yavaştan geçilmeli