[thelist] CSS challenge, vertical-alignment

Jay Blanchard jay.blanchard at niicommunications.com
Thu Mar 3 16:07:53 CST 2005


[snip]
| - - - - - - - - - - - - - - - |
|                               |
|                               |
|                        byline |
| - - - - - - - - - - - - - - - |

The header block is of a fixed height, and grows to fit the page width.

What CSS would you use to position the byline?
[/snip]

NOT TESTED ....

#header {
	position: absolute;
	top: 0;
	left: 0;
	height:100px;
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid black;
	color: #000000;
	background: #FFFFFF;
}
#header div.byline{
	margin-top: 75px; <-----you may have to adjust this
	text-align: right;
}

then...

<div id="header">
	<div class="byline">My Byline</div>
</div>


More information about the thelist mailing list