Change Mistylook Footer With CSS

• 

  sundrop74 · Member · Jun 5, 2007 at 3:39 pm

  • Copy link
  • Add topic to favorites

  Can one of the css gurus tell me how to make the footer center aligned on my blog. I’ve tried changing the float and text-align attributes to no avail. Here’s the css that I have now.

  #footer {
  clear:both;
  background:transparent;
  width:760px;
  text-align:left;
  margin:0 auto;
  }

  #footer a:link,#footer a:visited,#footer a:hover,#footer a:active {
  color:#333;
  border-bottom:none;
  }

  html #footer {
  height:1%;
  }

  #footer p {
  float:left;
  width:50%;
  line-height:1.2em;
  }

  #footer p.right {
  float:right;
  width:50%;
  text-align:right;
  font-size:0.9em;
  color:#999;
  margin:1em 0;
  }

• 

  wank · Member · Jun 5, 2007 at 4:47 pm

  • Copy link

  Try this:

  #footer p {
width:100%;
text-align:center
}

• 

  sundrop74 · Member · Jun 5, 2007 at 6:06 pm

  • Copy link

  Gorgeous. Thanks, wank!