View Full Version : html image problem

November 14th, 2010, 08:09 PM
I am trying to figure out why the background image I have set to use on my website is ok, and where I want it in Google Chrome but in Firefox it is gigantic and not at all where I want it. Does anyone have any idea what might be causing this?

If you need some other information, such as code, I would be happy to provide it.


Tony Flury
November 14th, 2010, 08:30 PM
Post the following :
1) the HTML segment where you set the background,

2) any CSS styles that impact either the entire document or the relevant elements.

In general without seeing what you are doing, it is unlikely that anyone will be able to help.

November 14th, 2010, 08:47 PM
Here is the html 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> Tux and Pucks </title>ery
<link rel="StyleSheet" type="text/css" href="index.css" />
<body bgcolor="ffffcc" font-family:sans-serif>
<table border="2" width="100%">

Here is my css code for said image:

body {
background-image: url("/images/banners/tuxandpuckslogo.png");
background-repeat: no-repeat;
background-size: 16%;
background-position:top left;

I know my very amateur code is probably bad so go easy on me. :)


Tony Flury
November 14th, 2010, 08:58 PM
what size is the png file - and what is the url of the site ?

November 14th, 2010, 10:57 PM
my site is: www.tuxandpucks.com

the size of the file is 994kb.

November 14th, 2010, 11:23 PM
Your problem is a combination of the GIGANTIC proportions of your image (2398x2794) and that Firefox has only some support for CSS3.

"Unknown property 'background-size'. Declaration dropped."

You could resize your image, or just not support FF.

November 15th, 2010, 12:02 AM
ok. thanks.

Yup, I know my image is huge. I just figured (as I guess a newbie would) that if Chrome was up-to-date with CSS, why wouldn't firefox be.

November 15th, 2010, 04:36 AM
Ya, it's reasonable to assume Firefox should be at the same point with CSS3. But with no official standard out a lot of browsers are holding off with full support, although we'll definitely see more along the way.