CSS for HTML Header bar

October 25th, 2007 by iain | Posted in Computing |

Ridiculous problems with header text not appearing in the header bar + different behaviour with firefox and safari. Seems to be fixable by setting line-height to 1 and margins to 0…..
Note that this is only a problem when specifying large font sizes. For some reason this blog is ignoring the font size anyway. Sigh.

[code]

[/code]
[code]
#header {
background: #87c1d1;
height: 180px;
border-style: solid;
border-width: 4px;
margin: 4px;
position: relative;
}

#header_logo{
text-align: left;
top: 0px;
left: 0px;
position: absolute;
margin: 0 0 0px 10px;
line-height: 1;
font-size: 160px;
font: 160px Georgia, “Times New Roman”, Times, serif;
}

#header_sub{
text-align: right;
margin: 40px 40px 10px 10px;
font-size: 32px;
color: #000;
top: 0px;
right: 0px;
position: absolute;
}
[/code]