html Sorunu

http://haftabasi.ugurs.com/albumler.html

http://haftabasi.ugurs.com/iletisim.html

Bu iki sayfada da belgeler altta ortalanmış şekilde gözüküyor.bütün td leri "top" yapsamda düzelmedi sorun ne olabilir acaba.Eğer sayfadaki yazılar kısa ise böyle oluyor.Ama eğer yazı uzun olursa yukarıdan başlıyor gibi gözüküyor.Bu neden kaynaklanıyor olabilir ve nasıl düzeltirim?

Kodu buraya paste edermisin bakalım bir yerde hata mı var.
Normalde tabloların içinde td'ler valig="top" ile yukarı çekilmeli, aynı şeyi td içindeki veriler içinde yapabilirsiniz.

Tablonun hata veren yerlerini görebilmek için border="1" yapın sonra kaldırırsınız.

</div></td>
</tr>
</table> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="60%" valign="top"><!-- InstanceBeginEditable name="EditRegion3" -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="98%" align="center" valign="top"> <form action="yolla.php" method="post">
<div align="center">
<table width="200" border="0" align="center">
<tr>
<td class="style4"><div align="left" class="style25"><span class="style8">Ad:</span></div></td>
<td><div align="left">
<input name="txt_ad" type="text" maxlength="15" />
</div></td>
</tr>
<tr>
<td class="style4"><div align="left" class="style25"><span class="style8">Soyad:</span></div></td>
<td><div align="left">
<input name="txt_soyad" type="text" maxlength="15" />
</div></td>
</tr>
<tr>
<td class="style4"><div align="left" class="style25"><span class="style8">E-Mail:</span></div></td>
<td><div align="left">
<input name="txt_mail" type="text" maxlength="45" />
</div></td>
</tr>
<tr>
<td class="style4"><div align="left" class="style25"><span class="style8">Konu:</span></div></td>
<td><div align="left">
<input name="txt_konu" type="text" maxlength="35" />
</div></td>
</tr>
<tr>
<td class="style4"><div align="left" class="style25"><span class="style8">Mesajiniz:</span></div></td>
<td><textarea name="txt_mesaj" cols="25" rows="5"></textarea></td>
</tr>
<tr>
<td height="26" class="style8"><div align="left"></div></td>
<td><input name="btn_gonder" type="submit" value="Gönder" /></td>
</tr>
</table>
</div>
</form></td>
<td width="2%"><div align="center"></div></td>
</tr>
</table>
<p> </p>
<!-- InstanceEndEditable --></td>
</tr>
</table>


İletişimin kodlarını buraya kopyaladım.Şu anda siteye php haber script(Cute News) eklemeye çalışıyorum.Arama sayfasını ekliyorum o da ortalarda bir yerde çıkıyor.Çözemedim Bir türlü.

Bu kod tamam değil o nedenle pek bir şey anlaşılmıyor ama ölçülere dikkat et ve table içine yerleştirilen hücreleri(td) valign="top" ile yukarı çek olması lazım.

http://haftabasi.ugurs.com/iletisim.rar dosyayı buraya attım isterseniz bi bakın.
<td valign="top" bir işe yaramıyor.Hepsi değiştirdim yine olmadı

Bir sürü break(br) bıraktım oluyor ama sorunu çözemedim bir türlü.Manuel yaptım bunu ama kalıcı bir çözüm değil arama sayfasını nasıl yapacam? Php komutlarını kapattıktan sonra yine br mi yapmalıyım acaba?

Şimdi sana olası bir çözüm önerim var;
Verileri gösterdiğin td'nin hemen altına bir td daha ekle ve yüksekliğini heigt="100%" olarak ayarlarsan üstteki tablonun boşuk kısmını alır.

Örnek:

Renklerde oynama yaparsan görünmez de olur.

Teşekkürler.. +rep