plaatsing van txt lukt niet

[phobia]

Ik heb een div met een table

Nu wil ik dat de text van de eerste cell, id="head", onder in de cell plaatsen.

Maar wat ik ook probeer, de text blijft statisch op de plaats.

Wil iemand er ff naar kijken en me vertellen wat ik hier fout doe?

mijn code:
HTML

              	<div id="contian">
                	<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                	<td id="head">Winkelmandje</td></tr>
                    <tr>
                    <td id="content">
                    <ul style="list-style:none; margin:0px; padding:0px;">
                        <li class="leave">1x Ametist € 4,95</li>
                        <li class="leave">2x Hangers €16,95</li>
                        <li class="leave">1x Ring € 7,95</li>
                        <li class="leave">5x Olie €20,56</li>
                    </ul>
                    </td></tr>
                    <tr>
                    <td id="foot"></td>
                    </tr></table>
                </div>

de CSS:

#contian {
	width: 150px;
}

#head {
	background-image:url(images/right_collum_01.png);
	background-position:left;
	background-repeat:no-repeat;
	height:31px;
	text-align:left;
	vertical-align:text-bottom;
	padding-left: 35px;
	padding-bottom: 0px;	
}

#content {
	background-image:url(images/right_collum_03.png);
	background-position:left;
	background-repeat:repeat-y;
	text-align:left;
	padding-left: 15px;
	padding-bottom: 0px;
	overflow:hidden;
}

#foot {
	background-image:url(images/right_collum_05.png);
	background-position:left;
	background-repeat:no-repeat;
	height:27px;
	text-align:left;
	vertical-align:bottom;
	padding-left: 35px;
	padding-bottom: 0px;
}

Alvast thnx

 

[visha]

hoe bedoel je onder in de cellen?
graag wat specifieker zijn!

 

[tonkoboekhoud]

verander text-bottom in bottom

Je kunt in de css voor voor die td beter

#head {vertical-align:bottom;}

gebruiken, anders krijg je per browser wisselende resultaten.
Als de tekst te laag staat, kan je dat oplossen met padding-bottom.


Succes,
Tonko Boekhoud
Klik op [OK]

 

[phobia]

Je kunt in de css voor voor die td beter

#head {vertical-align:bottom;}

gebruiken, anders krijg je per browser wisselende resultaten.
Als de tekst te laag staat, kan je dat oplossen met padding-bottom.

Heb ik dus ook al geprobeerd, maar de text blijft staan waar hij staat.
of ik nu bottom of top of middle gebruik. de text verplaatst niet.
Goed dit hele zit wel genest in een tables en divs, maar de id's zijn uniek dus volgens mij moet er geen probleem zijn met over erven, toch?

Ben er al wel achter dat als ik de font-size kleiner maak, dat de text wel te plaatsen is. maar in een cel van 31px moet ik toch wel een font van 15px kunnen plaatsen!
Of hangt er om de text ook een padding/margin?

 

[phobia]

opgelost.

Ik moet de hoogte van de hoogte van de table cell niet in de css instellen, maar direct in de html code.