Top and Bottom CSS Frame

[auroraflux]

Is there any way to make the top and bottom frames different? http://www.dynamicdrive.com/style/la...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]

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')
}