navSuppWrapper alignment

[CharInLasVegas]

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

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?

[Kim]

http://validator.w3.org/check?verbos...n_page%3Dindex

See if fixing the validation problems doesn't fix things.

[CharInLasVegas]

That's strange, I validated the page this morning and it passed...

[CharInLasVegas]

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

<div id="siteinfoLegal" class="legalCopyright">Copyright &copy; 2009 <a href="http://weddingdivaslv.com/zen/index.php?main_page=index&amp;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>

[haredo]

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

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?

Vegas,
Give this a try:

Edit the stylesheet.css

Find this:

#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;
}

Change to this:

#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;
}

[CharInLasVegas]

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.

[Kim]

... 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.

[CharInLasVegas]

Yes, I will be changing that when I move the design over to the live site Just trying to get the layout right first.