Hello list,
I have searched the Wiki and Google, but have not found an answer to what would 
seem to be a common design issue.

I have a div with a fixed height/width, and I would like to align text to the 
bottom. I tried "vertical-align: bottom" and "vertical-align: text-bottom" with 
no success. I know it's pretty easy to do within a <td> tag, but I've already 
started down the div road, and I don't want to resort to tables unless there is 
no other option.

Below is a very simplified version of the code I'm using. Unfortunately, I 
can't post the actual page right now. Any help is appreciated.

Justin

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#container {
        vertical-align: text-bottom;
        background-color: #CCC;
        width: 275px;
        height: 275px;
}
-->
</style>
</head>

<body>
<div id="container">Lorem ipsum dolor sit amet</div>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to