Click to See Complete Forum and Search --> : Problem with div vertical-align


turb
02-17-2004, 10:13 AM
Hi!

i don't understand why i can't vertical-align: bottom; the content of these div


<div id="screen">
<div id="window">
<div id="headTL">
<strong>visionclient.ca</strong> / zone d'accès / <strong>administrateur</strong>
</div>
<div id="headTR">
<a href="../../support.php"><img src="../../images/i_support.gif" title="Support" alt="Support" border="0"></a>
<a href="../../logout.php"><img src="../../images/i_logout.gif" title="Déconnecter" alt="Déconnecter" border="0"></a>
</div>
</div>
</div>


and the css

div#screen {
text-align: center;
}

div#window {
margin: 0 auto;
width: 730px;
}

div#headTL {
float: left;
width: 425px;
height: 30px;
text-align: left;
background-color: #DDDDDD;
}

div#headTR {
float: right;
width: 305px;
height: 30px;
text-align: right;
vertical-align: bottom;
background-color: #CCCCCC;
}

Fang
02-17-2004, 12:07 PM
vertical-align allows you to raise or lower text or images in relation to the text-baseline.

To place the <div> at the bottom of the window use:
position:absolute;
bottom:0;