Div help please

Associate
Joined
2 Nov 2005
Posts
48
Hi all

I'm trying to get a container div in the center of the screen with a right and left border running from the top to the bottom. It works in IE but in FF, if the page needs to scroll down the borders stop.

Site

Can anyone help me please, I haven't a clue how to fix it.

Thanks.
 
Associate
Joined
16 Jun 2003
Posts
1,858
border stops because your div stops.

there are things outside your container div - the stuff on the bottom. Shove all that into the div and it should be OK.
 
Associate
OP
Joined
2 Nov 2005
Posts
48
All that javascript has been added by the host. It still happens when I use the files on my PC.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Equal Equality :: Programme</title>

		<link rel="stylesheet" type="text/css" href="equalequality.css" />
		<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
	</head>

	<body>

		<div id="container">
			<div id="header">
				<img border="0" src="images/logos/equalequality.jpg" width="210" height="88" alt="Equal Equality logo" title="Equal Equality logo" />

			</div> <!-- end of header -->

			<div id="menu">
				 <a href="index.htm">Home</a>
				 <a href="about.htm">About</a>

				 <a href="programme.htm">Programme</a>
				 <a href="contact.htm">Contact us</a>
				 <a href="links.htm">Links</a>
			</div> <!-- end of menu -->

			<div id="main">

				<h1>Programme</h1>

				<p>It is recommended that people undergo Disability Equality Training every 2 years.  Therefore Equal Equality have designed different programmes to suit pupils of years, 7, 9, 11, & 13.</p>

				<p><strong>Aim:</strong> The overall goal of the session is to help participants understand some basic equality issues. To help them understand the different barriers facing disabled people with particular impairments and how they can be removed.  This should ultimately provide clearer thinking about disability in relation to imagery and media.</p>

				<p><strong>Objectives:</strong></p>

				<ul>

				 <li>Explore the history of disabled people</li>
				 <li>Explore the situation facing disabled people today</li>
				 <li>Explore the peoples perception of disability</li>
				 <li>Provide and demonstrate an understanding of working</li>
				</ul>

				<ol>

				 <li>Peoples Perceptions - art & crafts, Quiz</li>
				 <li>History - video</li>
				 <li>Barriers disabled people face - group work</li>
				 <li>Language/Terminology</li>
				 <li>Communication - sketch</li>
				 <li>Recognising diversity</li>

				 <li>Support and Inclusion</li>
				</ol>

			</div> <!-- end of main -->

		</div> <!-- end of container -->
	</body>
</html>
 
Associate
Joined
16 Jun 2003
Posts
1,858
you want to try and move away from a free webhost if you are doing a bit of developing.

get a small hosting account (ochostreview) and invest a tiny amount of cash ... you will find it much better to work with, and faster, and no adding crappy scripts by the free server.
 
Back
Top Bottom