Posted by Kevin on 11/02/00 11:18

Hey everyone,

I am in somewhat of a pickle. I am trying to create a border around a page
header.

I have made 3 images, respectively the left-, middle- and rightside. So far
the middle section is working, but it would appear that the left and right
sides are not. I have no clue what's wrong here. As far as I can see
this -should- work. Well obviously it doesn't.

Can someone help me out to settle this issue?

Thanks a million!

Kevin

Page url: http://www.kurvalyn.com/testsite/test.html

CSS coding:
body {
background-color : #faf3e3;
color : #404040;
margin : 5px 5px 5px 5px;
font-family : "High Tower Text", fantasy;
font-size : 11px;
}


/* Page Header Styles */
div.PageHeader {
float : left;
width : 100%;
font-size : 4em;
font-variant : small-caps;
height : 48px;
vertical-align : middle;
}
div.PageHeaderLeft {
position : absolute;
top : 5px;
right : 5px;
background-image : url(../images/hd_left.gif);
background-repeat : no-repeat;
height : 48px;
margin : 0;
}
div.PageHeaderMiddle {
position : relative;
background-image : url(../images/hd_middle.gif);
background-repeat : repeat-x;
}

div.PageHeaderRight {
float : right;
background-image : url(../images/hd_right.gif);
background-repeat : no-repeat;
height : 48px;
margin : 0;
}

[Back to original message]