Printable View
My footer is suddenly aligned to the left instead of being centered. I cannot for the life of me figure out what happened, it was centered and then, it wasn't :blink:
The div id is #navSuppWrapper, I didn't make any changes to that to make it go left.
Can someone smarter than me please take a look at my page before I go completely gray?
http://validator.w3.org/check?verbos...n_page%3Dindex
See if fixing the validation problems doesn't fix things.
That's strange, I validated the page this morning and it passed...
Ok, I am really confused, I'm getting validation errors for the following which appears to be from the footer but I don't have that code in my tpl_footer??? I haven't edited the footer at all :frusty:
<div id="siteinfoLegal" class="legalCopyright">Copyright © 2009 <a href="http://weddingdivaslv.com/zen/index.php?main_page=index&zenid=c74ef09c77620329dcb2805e9761d4d6" target="_blank">test-site</a>. Powered by <a href="http://www.zen-cart.com" target="_blank">Zen Cart</a></div>
<!--eof- site copyright display -->
</div>
<!--bof- parse time display -->
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<!--eof- banner #6 display -->
</body></html>
Vegas,Quote:
Originally Posted by CharInLasVegas
Give this a try:
Edit the stylesheet.css
Find this:Change to this:Quote:
#navSuppWrapper {
background-image: url('http://www.weddingdivaslv.com/store/includes/templates/divatwo/images/footer-bg.gif');
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
width:940px;
height:200px;
text-align: center;
font-family:verdana,arial,sans-serif;
font-size: 8pt;
color:#5A5A70;
text-decoration:none;
letter-spacing: normal;
}
Quote:
#navSuppWrapper {
background-image: url('http://www.weddingdivaslv.com/store/includes/templates/divatwo/images/footer-bg.gif');
background-repeat: no-repeat;
background-attachment: scroll;
width:940px;
height:200px;
display: block;
margin-left: auto;
margin-right: auto;
font-family:verdana,arial,sans-serif;
font-size: 8pt;
color:#5A5A70;
text-decoration:none;
letter-spacing: normal;
}
:clap: Yaay! That worked, thank you.
I still would like to fix those errors though, my page validates except for the 4 errors being thrown by that section.
... another thing - ALWAYS use the relative URL for your images or you will throw security errors.
This:
background-image: url('http://www.weddingdivaslv.com/store/includes/templates/divatwo/images/footer-bg.gif');
should be:
background-image: url('../images/footer-bg.gif');
Then you also don't have to fix them when you make a site live by changing directories.
Yes, I will be changing that when I move the design over to the live site :smile: Just trying to get the layout right first.