[SOLVED] Background Image wont be at bottom

Please someone help me

In IE its fine but in Firefox my background image will not be at the bottom of the page for some reason. If you have to scroll down at all, you see whitespace outside of the container div, not the bottom of the background image. It will basically put the bottom of the image at the initial bottom of the window instead of wherever the bottom is once you have scrolled down all the way.

Code: Select all

html, body {
 height:100%;
}
body {
 background: url(Images/citybackground.jpg) bottom;
 background-repeat: no-repeat;
 text-align:center;
 margin:auto;
 min-height:100%;
 font-family:arial;
 font-weight:bold;
}
#container {
 width:750px;
 margin: auto;
}

and my main content columns are 600px in height so it makes it so you have to scroll down

The thread is marked as Solved but there are no replys. Have you got this fixed, or was it a mistake?

__________________
Marc
Staff Manager - Webforumz.com

Want to be a moderator? PM me.

Why do we see this problem seems every day?
We should create some kind of CSS FAQ in here..

I'm trying to keep some of the FAQs for the Newsletter But ... there is a "beginner" FAQ as a sticky here. I really need to make a "intermediate" and "advanced" ones

Yeah.. seems like a good one..

Uhh shall I post anywayz?

Code: Select all

body {
 background-image: url(Images/citybackground.jpg);
 background-repeat: no-repeat;
background-position: bottom;
 text-align:center;
 margin:auto;
 min-height:100%;
 font-family:arial;
 font-weight:bold;
}

Ya I fixed it before anyone posted lol but now this bullshit activeX comes up on computers and wont show my banner unless you enable the blocked content. Any ideas how to get it to show?

ActiveX only normally shows up locally... If you try uploading, it will dissapear!

__________________
Marc
Staff Manager - Webforumz.com

Want to be a moderator? PM me.