Member Avatar for Borderline

http://www.further-flight.co.uk/index_20080613.php

I would like the background to appear underneath the horizontal menu on this page. My code currently looks like this:

HTML:

<!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" lang="en" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="/style/equalcolumns.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" href="http://www.further-flight.co.uk/style/20080613.css"/>
<title>FURTHER FLIGHT</title>
</head>

<body>

	<?php include($_SERVER['DOCUMENT_ROOT'].'/style/mainmenu.php');?>


</body>
</html>

CSS:

body {
background: url("/media/background.gif") repeat fixed 0px 50px;
}

Suspect it's a simple fix - could anyone point me in the right direction, please?

background-color: transparent;

Member Avatar for Borderline

I'm afraid that's not corrected the problem.

Are you applying it to the body, or to the objects within the body. It must be applied to all of the objects you want to see the background through.

Note that it doesn't work with form text boxes.

just redo your background image
there should be 8px of white to match the padding, 10px of dark green because of the borders, 147 of the lighter green, and another 10 of the dark green

you have 10px of white, not 8 :P

Member Avatar for Borderline

The background would still be positioned incorrectly, surely? It's the vertical alignment that is causing the issue.

Try using two divs, with a background image in each one.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.