No replies
jengraph
Offline
newbie
Last seen: 12 years 15 weeks ago
Timezone: GMT-5
Joined: 2007-05-03
Posts: 3
Points: 3

Hello all,

I've tried to make this work, so that when you resize the browser window that the vertical ribbon on the left stays in position and the bow, I've got the horizontal ribbon down but trying to make the other two elements work with the container. I want the vertical ribbon on the left of the white container and the bow where it is suppose to meet with horizontal and vertical ribbon bands. here is the URL www.jengraphdesigns.com/clientfiles/gift

here is the code....

Untitled Document

body {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: center;
background: transparent url(images/bdc_images/GoldenStripyBackground.jpg) repeat;
margin:0;
padding:0;
}
#topRibbonBand {
position:absolute;
position:top;
width:100%;
height: 55px;
background-color: #013853;
margin-top:75px;
z-index: -100;
}

#verticalRibbonBand {
height:100%;
width: 55px;
position:absolute;
background-color: #013853;
z-index:-99;
margin: 0 0 0 191px
}
#RibbonBow {
position: left top;
background: transparent url(images/bdc_images/bow.gif) no-repeat;
width:184px;
height:196px;
margin:0 0 0 128px;
}
#container {
font-size: 11px;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: -196px auto 0 auto;
padding: 0;
width: 1000px;
background-color: #fff;
height: 1000px;
text-align:center;
}