HTML Forum

**redflux** · 07-27-2006, 11:50 AM

My website is http://www.redflux.com - according to http://www.w3.org I am CSS and HTML validated. Because of this I'm not sure where I went wrong, or what I need to do to correct my problem.

In Internet Explorer my background image shows up at the bottom where I intended for it to be displayed, however in Firefox it shows maybe the bottom quarter of an inch, and coming out from the top.

here is the small amount of code for the page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>redFLUX - breathing again</title>
<meta http-equiv="Content-Type" content="text/css/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color:rgb(255,255,255);
background-image:url('http://www.redflux.com/test/images/bg2.jpg');
background-attachment:scroll;
background-repeat:no-repeat;
background-position:bottom left;
margin:0px;
}
</style>
</head>
<body>
   
</body>
</html>

Any suggestions as to where I may have gone wrong or why Firefox hates me?

**AliKat** · 07-27-2006, 12:11 PM

Your body tag does not end at the end of the browser window, it ends at the end of the /body tag, which happens to be only a single line of text because of the non-breaking spaces you put in. You either need to add your content, or define a height for your body tag in order to see just the graphic.

**redflux** · 07-27-2006, 12:26 PM

I wasn't aware I could add height to a body tag. I am probably doing it wrong, but had no success. The site has no real content as that image is just a place holder while I finish designing a new layout.

Should I just make a blank table to stick in there?

**AliKat** · 07-27-2006, 12:47 PM

Why don't you just stick the image in there if it's just a place holder.

and use absolute positioning to place it at the bottom of the page. That will take care of the positioning problems. You could try body{ height: 100%} to see if that fixes it if not put in a div with a height of 100%;

but since it's just a "splash page" I would just use the image straight up.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!