Positioning footer relative to header in Ambiru

• 

  bosporus · Member · Apr 30, 2009 at 11:48 am

  • Copy link
  • Add topic to favorites

  Hi,

  I am a recent entrant to CSS customisation and CSS customisation in WordPress.

  I am using Ambiru as a base theme and have customised it to quite an extent, but I am facing trouble with aligning the footer in line with the header and content sections of the template.

  The blog is at: http://briefs.peanuts.cc

  Any kind of help with this issue would be appreciated.

  The blog I need help with is: (visible only to logged in users)

• 

  carocat · Member · Apr 30, 2009 at 12:16 pm

  • Copy link

  Wow. That is pretty, nice work!

  Afraid I can’t help you though, but I’m sure someone else will be along to help you.

• 

  thesacredpath · Member · Apr 30, 2009 at 2:09 pm

  • Copy link

  In #footer, change “left” from 132px to 51px.

• 

  bosporus · Member · Apr 30, 2009 at 3:46 pm

  • Copy link

  Thanks Carocat :)

  Hi sacredpath,
  Thanks for the advice. I tried 51px, but the page goes into a horizontal scroll much beyond the top right corner – blog info. And the footer does not align itself to wrap.
  Do you think maybe there’s a way to link this to the wrap?

• 

  bosporus · Member · Apr 30, 2009 at 3:53 pm

  • Copy link

  Hi,

  Got the solution immediately after posting the comment.
  Within #footer, add:
  width:1000px;
  margin: 0 auto;

  Thanks again.

• 

  thesacredpath · Member · Apr 30, 2009 at 3:53 pm

  • Copy link

  I just looked in Firefox, and it appears you have gotten this fixed. When I made the change I suggested using Firebug it worked fine and there was no horizontal scroll bar issues that came up.

  The code you now have looks cleaner than what you had in the footer section though. Good work!