Recent Topics

[4.1.4] Strange width formatting issue of footer, pls help

Started by on May 17, 2012 – Contents updated: May 17, 2012

May 17, 2012 19:13    

Hi there .. I am using the newest stable release as I upgraded last night. I have updated my blog skin to my new website design which has went well apart from one strange error.. after hours of fiddling I cant find a solution.

have a look at my links

you will see in my main site my footer extends to 100% of whatever page and I have applied exactly the same styles in my blog, but as you will see my footer does not stretch full screen . . .

can anyone think why? is there a footer class or the likes that is maybe conflicting with what I have ?

can anyone suggest a solution to this so I can have my footer match the rest of my website please?


#footerwrapper {
  float: left;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  background-color: #CCC;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #015364;
  color: FFFFFF;
  height: 150px;
  text-align: left;
  padding-left: 20px;
  padding-top: 15px;
  margin: 0 auto;

Thanks, Alan

May 17, 2012 23:42

In addition to the above I have tried all sorts to test this . . such as repetating images and large images but nothing seem to stretch out with the width of the wrapper or footer . .

I am very experienced with html & css hence why I ask if it can be something else that is stopping m footer from being seen the way the style is telling it to.

any ideas would be greatly welcomed, I have run out of ideas

Thanks to anyone who reads this, Alan

May 18, 2012 09:11

in your homepage your footer(wrap) is outside main "#wrapper" which is 980 px wide.But in /news page it's inside the wrapper so it cant extend further than 980px.

It's gotta be due to lack of a closing </div> in /news page or an extra one in home.

May 18, 2012 11:54

I feel a clutz now ...

thanks for your help tilqicom.

Form is loading...

powered by b2evolution – This forum is powered by b2evolution CMS, a complete engine for your website.