Background rendering issue...

"Walter S. Heath" <[email protected]> Wed, 13 Jan 2010 10:17:15 -0500

Newsgroups	gmane.comp.web.amaya.general
Message-ID	<[email protected]>

Hi,
I have attached a set of files for a simple example three column with
header and footer page that I copied from book:

    Sams Teach Yourself CSS
    ISBN: 0-672-32745-7
    page: 201

It renders fine on Firefox and Internet Explorer but has a problem on
the Amaya browser. I am running Amaya 11.3 (Dec 2 2009) and Firefox
3.0.17 -- and an old Windows XP version(?) of Internet Explorer.

I am just learning Amaya, so the problem may be mine.

I spent forty years writing software (MIT Lincoln Lab) and understand
that software is grown (like a tree) not built (like a house), so I
understand the difficulty of creating a program of this complexity.

Amaya looks like a great program. Thanks for making it available!

Walter S. Heath

back01.gif (image/gif, 1.8 KB) - not displayed

back02.gif (image/gif, 1.8 KB) - not displayed

SamsThreeColumn.css (text/css, 742 B)

body
{
	margin: 0;
	padding: 0;
	font: 90% arial, helvetica, sans-serif;
	background: #387A98;
	color: #333;
}

h1
{
	background: #D36832;
	color: #FFF;
	margin: 0;
	padding: .5em 3%;
	border-bottom: 5px solid #387A98;
}

h2, h3
{
	marign-top: 0;
}

#container
{
	background: url(back01.gif) repeat-y 50% 0;
}

#container2
{
	background: url(back02.gif) repeat-y 80% 0;
}

#content
{
	width: 44%;
	float: left;
	margin: 1em 3%;
}

#news
{
	width: 24%;
	float: left;
	margin: 1em 3%;
}

#nav
{
	width: 14%;
	float: left;
	margin: 1em 0 1em 3%;
}

#nav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 150%;
}

#footer
{
	clear: both;
	background: #387A9B;
	color: #fff;
	padding: 5px 3%;
	text-align: right;
	display inline

SamsThreeColumn.html (text/html, 1.2 KB)

<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <title>SamsThreeColumn</title>
  <meta name="generator" content="Amaya, see http://www.w3.org/Amaya/" />
</head>

<body>
<style type="text/css" media="screen, print">
@import "SamsThreeColumn.css";</style>

<h1>Sitename</h1>

<div id="container">

<div id="container2">

<div id="content">
<h2>Page Heading </h2>

<p>Lorem ipsum dolor sit amet... this is some more text. this is some more
text. this is some more text this is some more text.</p>
</div>

<div id="news">
<h3>News </h3>

<p>Lorem ipsum dolor sit ammet...</p>
</div>

<div id="nav">
<h3>Sections </h3>
<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About us</a></li>
  <li><a href="#">Services</a></li>
  <li><a href="#">Staff</a></li>
  <li><a href="#">Portfolio</a></li>
  <li><a href="#">Contact us</a></li>
</ul>
</div>

<div id="footer">
Copyright Â© Sitename 2005 </div>
</div>
</div>
</body>
</html>