PDA

View Full Version : Top and Bottom CSS Frame



auroraflux
04-11-2007, 05:34 AM
Is there any way to make the top and bottom frames different? http://www.dynamicdrive.com/style/layouts/item/css-top-and-bottom-frames-layout/ I am trying to use a different background image for both places and or possibly do a background image for the top and a color for the bottom. Hm...Am I not seeing something? Im lost. Help. Hurry.

bernie
04-12-2007, 05:28 AM
Try this (edit as appropriate)

If you are using a WYSIWYG Editor like frontpage, use format, style and edit this there.


#framecontentTop, #framecontentBottom{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 130px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: #FFFFFF;background-image:url('file:///C:/folder/imagename.jpg')
}

#framecontentBottom{
top: auto;
bottom: 0;
height: 110px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #000080;
color: #FFFFFF;background-image:url('file:///c:/folder/imagename.jpg')
}