[muzz81x]

Sayfada td'nin içindeki yazıların hem yatay hem de dikey ortada olması lazım,ama bu td'nin içindeki div'in de en aşağıda ,ayrıca yatayda da ortada olması lazım.Yazdığım kod;

<td align="center" valign="middle"> Bla Bla Bla
<div style="vertical-align:bottom; text-align:center ">BLA BLA</div>
</td>

Ama bu şekilde yapınca ikisini tek gibi görüp öyle ortalıyor.Bu divi en aşağıya nasıl alırım?

[muzz81x]

yok mu bilen???

[Dhilgul]

muzz81x tarafından gönderilen mesaj:

Sayfada td'nin içindeki yazıların hem yatay hem de dikey ortada olması lazım,ama bu td'nin içindeki div'in de en aşağıda ,ayrıca yatayda da ortada olması lazım.Yazdığım kod;

<td align="center" valign="middle"> Bla Bla Bla
<div style="vertical-align:bottom; text-align:center ">BLA BLA</div>
</td>

Ama bu şekilde yapınca ikisini tek gibi görüp öyle ortalıyor.Bu divi en aşağıya nasıl alırım?

"..td'nin içindeki div'in de en aşağıda ,ayrıca yatayda da ortada olması lazım."

Hem en aşağıda hem de yatay olarak ortada olması lazım demişsin. İstediğini minik bir çizimle anlatırsan yardımcı olabilirim..

[muzz81x]

burdaki gibi,td'nin içindeki div'in en aşağıda olması lazım

[metsatöll]

muzz81x tarafından gönderilen mesaj:

Sayfada td'nin içindeki yazıların hem yatay hem de dikey ortada olması lazım,ama bu td'nin içindeki div'in de en aşağıda ,ayrıca yatayda da ortada olması lazım.?

TD'ye verdigin valign ve align degerleri, icerisine gelecek olan her ögeye uygulanir. Dolayisiyla td icerisinde kullandigin div katmanida yatay ve dikeyde ortalanir.

Bunun yerine td icinde iki satirdan olusan bir table daha acsan, üst satirin boyunu 60% alt satirin da boyunu 40% olarak yapip, her iki satirindan valign degerini bottom diye atadiginda, sanirim göreceli olarak istedigin sonucu elde edersin.

[modifiyeci]

<table width=200 height=200 border=1>
<tr>
<td align="center"><div style="position:relative; top:0; left:0; width:200px; height:200px; background:red; "><table width=200 height=200>
<tr>
<td align=center valign=center>1</td>
</tr>
</table></div><div style=" position:relative; top:0; width:200px; height:200px; left:0; margin-top:-200px; "><table width=200 height=200>
<tr>
<td align=center valign=bottom>2</td>
</tr>
</table></div></td>
</tr>
</table>

[erkan1453]

<td height="200" align="center" valign="bottom">

<div> </div>

</td>


td içindeki align="center" ortalamak için.
valign="bottom" da alta gelmesi için.