css problem again

[madsere]

I've almost managed to skin the client area to match the rest of our website, just one last thing I can't get rid off.

 

After the closing content_container div I have my footer, but there is a black gap between them.

 

See http://test.minthost.com/clients/

 

I've tried to change all css margins to 0 but it doesn't fix it.

 

If I delete the "<div class="clear"></div>" line at the end of footer.tpl I lose the gap, but then my footer line becomes wrapped up on the right.

 

http://validator.w3.org validates the page ok.

 

What am I doing wrong?

[bear]

All that's showing presently is the powered by line. I've never seen that before.

[tripler]

All that's showing presently is the powered by line. I've never seen that before.

 

haha, ya i think you deleted a little too much of something.

 

edit: https://minthost.com/clients/cart.php can be seen here, not at my workstation right now so i cant really look and see what you did here. Will later.

[sparky]

In your style.css line 30 the #footer id remove this line

margin: 20px 20px 0;

[tripler]

Heres my footer http://pastebin.com/BuaVr5jE in case you messed something up

 

.clearfix { display:block; clear:both; }

.clearfix.c20 { height: 20px; }

[bear]

Was just coming back to say that (well, just the top 20 margin, ie: margin: 0 20px 0 0;, not all of it needs removal), once I figured out that the latest Firefox had it's own inspect function that I was trying to get used to and that it wasn't Firebug. The built in one is awful, but the bug still works!

 

Crisis averted.

[madsere]

Wow thanks for the many inputs, and so quick!

 

Not sure what happened there. It also threw that "powered by" line for me, but then I hit reload and it came through ok.

 

I presume the style.css you refer to is this http://test.minthost.com/media/css/style.css right? (whmcs has it's own style.css but it has not #footer references in it.

 

You say you see the line "margin: 20px 20px 0;". When I go there I see:

 

#footer{

font-family: Verdana;

font-size: 10px;

text-align: center;

padding: 25px 0 25px 0;

color: #AAA;

border-top: dotted 1px #999;

margin: 20px;

margin-bottom: 0px;

 

Did I misunderstand something?

[madsere]

Could the "Powered by WHMCompleteSolution" be a license issue? The license is for www. not for test. - but I had the understanding it was just the admin interface that was blocked?

 

Anyway, I copied the content to www. now so it should be the same content there.

[madsere]

Ok problem solved.

 

Seems margin overrides margin-bottom. Now I know.

 

Thanks everyone!