ive recently started this web page for a course in uni.
however one page is causing a bit of bother
basically when i insert my table into the are i want it in the whole page is affected, ie images and lists lost.

i have uploaded a word file with the code and screen shots of the page i need and the layout i want along with what happens when the table is put in .

if any one could help me solve this problem would be much appreciated

cheers
muddpigeon

You didn't close your table tag in the listing area. Add a </table> tag immediately after your </cfoutput> tag.

Regardless, you seem a little div happy. Divs are wonderful things when used correctly, but I almost always favor a simple table format to fulfill my layout. Here is an example you can look at. This isn't exactly what you seem to be going for, but it should be easy for you to tweak and play around with. I gaurantee you this will be easier to maintain in the longrun, especially if you want this page to render correctly in different browsers.

<html>
<head>
<title>2ndHandBooks&reg</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#666666" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<div style="position:absolute; left:23px; top:63px; width:900px; height:600px; background-color: #000000; layer-background-color: 000000; border: 1px none #000000; overflow: 

auto;">
<table border="0" width="100%">
<tr>
	<td rowspan="2" valign="top"><img src="images/rowofbooks.jpg" alt="BOOKS" width="209" height="398" border="2"></td>
	<td valign="top">Book Reservation</td>
	<td rowspan="2" valign="top">
		<ul>
						
		<li><a href="homepage.cfm" class="active">Home</a></li>
							
		<li><a href="Register.cfm">Register</a></li>
					
		<li><a href="news.cfm">News</a></li>
						
		<li><a href="Books.cfm">Books</a></li>
								
		<li><a href="contact.cfm">Contact</a></li>

		</ul>
	</td>
</tr>
<tr>
	<td style="background-color:#ffffff; color:#000000" valign="top">Your Listing Table Goes Here</td>
</tr>

</table>
</div>

</body>
</html>

By the way, in your screencaps I noticed you are using an editor for, what I assume is, your cfml code. In terms of Coldfusion development, the Eclipse IDE with the CFEclipse plugin installed is the most prevalent development environment. Plenty of plugins for remote data access, versioning systems, AJAX development, and there are a ton more out there.

Also, you might want to get Firefox and get the firebug extension for it. Makes debugging layout issues a heck of a lot easier.

These are of course just suggestions, and code your cfml in the way thats easiest for you.

This article has been dead for over six months. Start a new discussion instead.