How to align Gavick footer [SOLVED]

Hi,

I don't know why the gavick footer is not align to the width of the site. Any idea?


Best regards,

Quite possibly because you don't assign a width to the footer in the stylesheet where you do this for the 'main' div.

Your stylesheet 'Vetbrands #2', line 185 assigns the main template with a width of 980px:

Code: Select all

.main {
margin:0 auto;
width:980px;
}

and the 'layout.css', line 127 assigns the max-width of 1200px:

Code: Select all

.main {
margin:0 auto;
max-width:1200px;
position:relative;
width:980px;
}

I'd assume if you add a 'width-rule' in the template.css (line 523) like so

Code: Select all

#gk-footer {
color:#BBB6B1;
font-size:90% !important;
height:24px;
width:980px
line-height:24px;
margin:10px 0 0;
overflow:hidden;

it should work.

Hi Smen:

Thanks for your help, I have added width:980px; but it doesn't work for me. The footer goes left. Any other suggestion?

Regards,

Hi Smen:

Thanks for your help, I have added width:980px; but it doesn't work for me. The footer goes left. Any other suggestion?

Regards,

Your welcome. This does the trick here:

Code: Select all

/*  Footer  */

#gk-footer { overflow:hidden; margin-left: auto; width: 980px; margin-right: auto; color:#bbb6b1; font-size:90%!important; height:24px; line-height:24px; }

#gk-footer a { color:#979189; }

#gk-footer a:hover { text-decoration:underline; }

#stylearea { float:right; margin:0 0 0 20px; width:auto; font-size:90%!important }

.gk-footnav { float:none; margin-left: auto;  margin-right: auto;}

.gk-footnav li { float:left; margin:0 12px 0 0; }

.gk-copyright { float:right; margin-left: auto;  margin-right: auto; }

Notice that I've deleted the margin in the #gk-footer and added the 'margin-left' and 'margin-right' to center the div.

add this to the end of templates.css

Code: Select all

.gk-footnav { margin-left: 338px;}
.gk-copyright { margin-right: 338px; }


this will however only be aligned in the current view. if you change width of the template it's out of order again..

you must have changed something in the css files to get this, since i use same template, and don't have that error...

Hi Smen,

Thanks for your time and support. This works fine for me! Thanks a lot!

Best regards,