divinesword
06-09-2006, 03:09 AM
My layout has a top half, and a bottom half, and the text should go inbetween. However, there should be a background that goes in-between as well, connecting the top half and bottom half. I have no idea how to get this to happen. Here is the code I have so far.
<head>
</head>
<body>
<body background="liv2_backbg.jpg">
<div id="box"> <center> <!-- OPENING LAYOUT CONTAINER BOX -->
<div id="top">
<!-- Begin Table -->
HERE IS WHERE THE SLICED IMAGE THAT MAKES UP THE TOP IS. IT TAKES UP TOO MUCH SPACE SO I EDITED IT OUT FOR THIS PURPOSE.
<!-- End Table -->
</div> <!-- OPENING AN CLOSING DIV HEADER IMAGE --><div id="middle" background:url("liv2_divbg.jpg")>
<style>middle{background:url(liv2_divbg.jpg)}</style> <!-- OPENING MIDDLE CONTENT BOX -->
HERE IS WHERE I WANT TO PUT IN A BACKGROUND AND CONTENT.
</div>
<!-- CLOSING MIDDLE BOX -->
<div id="bottom"> </div> <!-- CLOSING DIV WITH FOOTER IMAGE --><img src="liv2_footer.jpg"></div> <!-- CLOSING LAYOUT CONTAINER BOX --></center></body>
</html>
Thanks ahead of time! And sorry about the vagueness. I'm not even sure if these are called floating divs.
<head>
</head>
<body>
<body background="liv2_backbg.jpg">
<div id="box"> <center> <!-- OPENING LAYOUT CONTAINER BOX -->
<div id="top">
<!-- Begin Table -->
HERE IS WHERE THE SLICED IMAGE THAT MAKES UP THE TOP IS. IT TAKES UP TOO MUCH SPACE SO I EDITED IT OUT FOR THIS PURPOSE.
<!-- End Table -->
</div> <!-- OPENING AN CLOSING DIV HEADER IMAGE --><div id="middle" background:url("liv2_divbg.jpg")>
<style>middle{background:url(liv2_divbg.jpg)}</style> <!-- OPENING MIDDLE CONTENT BOX -->
HERE IS WHERE I WANT TO PUT IN A BACKGROUND AND CONTENT.
</div>
<!-- CLOSING MIDDLE BOX -->
<div id="bottom"> </div> <!-- CLOSING DIV WITH FOOTER IMAGE --><img src="liv2_footer.jpg"></div> <!-- CLOSING LAYOUT CONTAINER BOX --></center></body>
</html>
Thanks ahead of time! And sorry about the vagueness. I'm not even sure if these are called floating divs.