HTML Forum

**ken979** · 08:22 PM

does any one know how to fix the back ground on Mozila composer

i got a web design template that i am using on Mozila

i tried deleteing the HTML source

the one that says: style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"

i am going through Jim Edwards mini site creator but ONE of the advice he has given doesnt seem to work any more

the problem is i brought the product second hand so i cant really ask him

if any one has advice on how to solve this, it would be great

thanks in advance

**ken979** · 05-13-2008, 08:21 PM

here is the HTML codes

<html>
<head>
<title><<<< Website Title Here >>>></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0"
style="background-image: url(#000099); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
alink="#000099" link="#1b1464" vlink="#990099">
<div align="center">
<table border="0" cellpadding="1" cellspacing="0" width="600">
<tbody>
<tr>
<td bgcolor="#44b5da" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td height="106" valign="top"><img src="header2.jpg"
height="106" width="600"></td>
</tr>
<tr>
<td bgcolor="#ffffff" valign="top">
<table border="0" cellpadding="10" cellspacing="0"
width="100%">
<tbody>
<tr>
<td valign="top">
<p align="center"><font
face="Arial, Helvetica, sans-serif" size="2"><a href="#">Link #1 </a><strong>
|| </strong><a href="#">Link#2</a><strong> || </strong><a href="#">Link#3</a><strong> 
|| </strong><a href="#">Link#4</a><strong>  || </strong><a
href="#">Link#5</a><strong>  || </strong><a href="#">Link#6</a><strong>  <br>
 </strong></font>  </p>
<h1 align="center"><font
face="Arial, Helvetica, sans-serif">Title Here</font></h1>
<h2><font face="Arial, Helvetica, sans-serif">Your
First Heading here...</font></h2>
<h3 align="left"><strong><font
face="Arial, Helvetica, sans-serif">Your subheading here...</font></strong>
<br>
<br>
<img src="image.jpg" height="119" width="148"> </h3>
<p align="left"> Text here Text here Text here Text
here Text here Text here Text here Text hereText hereText here Text
here Text here Text here Text here Text here.</p>
<ul>
<li>
<p>bullet one</p>
</li>
<li>
<p>bullet two</p>
</li>
<li>
<p>bullet three</p>
</li>
</ul>
<table align="center" border="0" cellpadding="0"
cellspacing="0" width="80%">
<tbody>
<tr>
<td bgcolor="#44b5da">
<table border="0" cellpadding="5"
cellspacing="1" width="100%">
<tbody>
<tr>
<td bgcolor="#ffffff">
<h4 align="left"><strong><font
face="Arial, Helvetica, sans-serif">Your subheading here...</font></strong>
</h4>
<p align="left"> Text here Text here Text
here Text here Text here Text here Text here Text hereText hereText
here Text here Text here Text here Text here Text here.<br>
<br>
<br>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<h2><font face="Arial, Helvetica, sans-serif"><br>
<font color="#ff0000">Your Second Heading here...</font></font></h2>
<h3 align="left"><strong><font
face="Arial, Helvetica, sans-serif">Your subheading here...</font></strong>
<br>
<br>
<img src="image.jpg" height="119" width="148"> </h3>
<p align="left"> Text here Text here Text here Text
here Text here Text here Text here Text hereText hereText here Text
here Text here Text here Text here Text here.</p>
<ul>
<li>
<p>bullet one</p>
</li>
<li>
<p>bullet two</p>
</li>
<li>
<p>bullet three</p>
</li>
</ul>
<table align="center" border="0" cellpadding="0"
cellspacing="0" width="80%">
<tbody>
<tr>
<td bgcolor="#44b5da">
<table border="0" cellpadding="5"
cellspacing="1" width="100%">
<tbody>
<tr>
<td bgcolor="#cde9f3">
<h4 align="left"><strong><font
face="Arial, Helvetica, sans-serif">Your subheading here...</font></strong>
</h4>
<p align="left"> Text here Text here Text
here Text here Text here Text here Text here Text hereText hereText
here Text here Text here Text here Text here Text here.<br>
<br>
<br>
<br>
<br>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<h2 align="left"><br>
</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="right" height="30"><font color="#0033cc"
face="Arial, Helvetica, sans-serif" size="2"><a href="#"><font
color="#ffffff">Contact us</font></a><strong> <font color="#ffffff">||</font>
</strong><a href="#"><font color="#ffffff">Privacy Policy</font></a><strong>
   </strong></font></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

thank you

**chrishirst** · 05-14-2008, 02:41 AM

explain what you mean by "fix the background"

is it;
You want to rectify a problem?
or
You want it to stay in one place rather than scroll?

**Dan Schulz** · 05-14-2008, 05:36 AM

If that's the complete page code, then part of the problem is that your page is currently rendering in "Quirks Mode" - meaning that all the browsers (including Mozilla) are trying to guess how the page should be rendered. Given that you're using a lot of deprecated (read: obsolete) elements and attributes, I suggest you add a complete and proper HTML 4.01 Transitional DOCTYPE above the <html> tag in your page.

Then, remove the color declaration from this bit of code:

Code:

background-image: url(#000099);

The background-image property should be used to define the URL of an image that will be served in the background, not a background color.

Hope that helps.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!