Footer editing - Joomla! Forum - community, help and support

hi,

i'd edit footer right bottom corner won't fit. see picture:



this footer's css:

code: select all

/* begin footer */
.footer
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 1000px;
  margin: 5px auto 0px auto;
}

.footer .footer-inner
{
  height:1%;
  position: relative;
  z-index: 0;
  padding: 5px;
  text-align: center;
}

.footer .footer-background
{
  position:absolute;
  z-index:-1;
  background-repeat:no-repeat;
  background-image: url('images/footer.png');
  width: 1000px;
  height: 100px;
  bottom:0;
  left:0;
}



.rss-tag-icon
{
  position: relative;
  display:block;
  float:left;
  background-image: url('images/rssicon.png');
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 32px;
  width: 24px;
}




.footer .footer-text p
{
  margin: 0;
}

.footer .footer-text
{
  display:inline-block;
  color:#c4c4c4;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0px;
}

.footer .footer-text a:link
{
  text-decoration: none;
  color: #78b3e2;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
}

.footer .footer-text a:visited
{
  text-decoration: none;
  color: #9e9e9e;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
}

.footer .footer-text a:hover
{
  text-decoration: none;
  color: #60b6c7;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
  letter-spacing: 1px;
}
/* end footer */

/* begin pagefooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
  font-family:arial;
  font-size:10px;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
  color:#4e9bda;
}

.page-footer
{
  margin:1em;
  text-align:center;
  text-decoration:none;
  color:#525252;
}
/* end pagefooter */



what have modify footer image stretch until end of corner/footer?

thanks

hello dtommy,

first of, if lucky set width 100% if doesn't work have make footer inside div tag, encapsulates rest of main part of homepage (the entire ''table''):
this should work fine css:

code: select all

/* begin footer */
.footer
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 100%;
  margin: 5px auto 0px auto;
}

if not sure how encapsulate footer content div tag can post body of index.php templates directory on here.