Need Help Fixing Footer

[CFulcrum]

My footer does not display properly in my WHMCS client area. I need it to look the same as it does on my homepage and all of the pages outside of the whmcs.

 

I realize it has something to do with a <div> tag somewhere, but I have tried for hours to fix it and I can't find it.

 

<<snipped>>

[openmind]

I could be wrong but your footer in whmcs matches the rest of your site?

[CFulcrum]

I could be wrong but your footer in whmcs matches the rest of your site?

 

Nope, it sure doesn't. There's a blue space at the bottom, the copyright text is outside of the dark area, etc. And it's even worse on the Order page.

[bear]

"#footerimages"

You need to set a negative margin, I believe, though that still won't get it inside that black bar, so the div that contains it needs to be a bit taller.

 

Use Firefox browser, with the Firebug plugin installed. You won't regret it.

 

This nearly does it:

 

#footerimages  {
float:right;
margin:-20px;
padding:0 20px 0 0;

If you also made the copyright div 100% wide, black (or whatever color that is) and used padding instead of margin to offset it from the right side, that would likely fix it.

[CFulcrum]

Thanks I'll look into that. But wouldn't it be better to fix whatever div issue is going on? I feel like I'd just be cheating doing the CSS fix

[bear]

Div positioning is done via CSS, so how is that cheating, exactly?

 

The way you have it right now, change the height on footerlinks to 110 from 90px; done.

#footerlinks {
background-color:#000000;
background-image:url("images/footer_nav.png");
background-position:left top;
background-repeat:repeat-x;
float:left;
height:110px; //change this
margin:0;
padding:8px 0;
text-align:left;
width:100%;
}

 

edit:

If you also change the padding on the copyright bit, it will line up with the images above it.

#copyright {
color:#CCCCCC;
float:right;
font-size:10px;
margin:0 5px 0 0;
padding:0 20px 0 0; // change this
text-align:right;
}

 

Result:

[CFulcrum]

Sorry, I didn't mean positioning. I think one of my div tags is open or I have extra div tags. That's what I'm trying to fix.

[bear]

Have you tried running it through a validator?

http://validator.w3.org/check?uri=https%3A%2F%2Fclientarea.nickthewebsiteguy.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0