[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