The footer is moving to the left and no longer centered. It is like it is no longer in the container

The footer is moving to the left and no longer centered. It is like it is no longer in the container. I don't see the container outline any longer. This same thing is happening in two different websites. Can you tell me what I am doing wrong?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dragonfly Toy Puppies Home Page</title>
<style type="text/css">
<!--
body  {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-color: #000;
.twoColFixLtHdr #container {
    width: 900px; /* the auto margins (in conjunction with a width) center the page */
    border: none; /* this overrides the text-align: center on the body element. */
    background-color: #000;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
.twoColFixLtHdr #header {
    background-color: #000;
    background-image: url(Images/Header.jpg);
    background-repeat: no-repeat;
    height: 350px;
    width: 900px;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 20;
    padding-left: 0px;
.twoColFixLtHdr #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    width: 240px;
    height: auto;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #000;
    text-align: center;
a img {border: none;
a { outline: 0;
#sidebar1 a #poodle   {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    cursor: pointer;
    text-decoration: none;
#sidebar1 a #maltese {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    cursor: pointer;
#sidebar1 a #yorkie {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    cursor: pointer;
#sidebar1 a #partiyorkie {
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
#sidebar1 a #dachshund {
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
#sidebar1 a #maltipoo {
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
#sidebar1 a #morkie {
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
.twoColFixLtHdr #mainContent {
    padding: 20; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background-color: #000;
    height: auto;
    width: 660px;
    text-align: center;
    margin: 0px;
    float: left;
.twoColFixLtHdr #footer {
    background-color: #000;
    width: 900px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    clear: none;
    float: none;
    height: auto;
.twoColFixLtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
-->
</style><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="twoColFixLtHdr">
<div id="container">
  <div id="header">
  <!-- end #header --></div>
  <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a>      </li>
      <li><a href="#">Services</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Sires &amp; Dams</a>
        <ul>
          <li><a href="#">Toy Poodles</a></li>
          <li><a href="#">Maltese</a></li>
          <li><a href="#">Yorkies</a></li>
          <li><a href="#">Parti Yorkies</a></li>
          <li><a href="#">Mini Dachsunds</a></li>
          <li><a href="#">Maltipoos</a></li>
          <li><a href="#">Morkies</a></li>
        </ul>
      </li>
      <li><a href="#">Puppy Care</a></li>
<li><a href="#">Success Stories</a></li>
<li><a href="#">Contact Us</a>      </li>
</ul>
  <div id="sidebar1">
    <h2>Puppies for Sale</h2>
    <p> Click on your Favorite Breed</p>
    <h2><a href="poodle.htm" onmousedown="MM_swapImage('poodle','','Images/poodle_active.jpg',1)"><img src="Images/poodle_link.jpg" alt="Link to Poodle Puppy Page" name="poodle" width="200" height="250" id="poodle" onmouseover="MM_swapImage('poodle','','Images/poodle_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
      <a href="maltese.htm" onmousedown="MM_swapImage('maltese','','Images/maltese_active.jpg',1)"><img src="Images/maltese_link.jpg" alt="Link to Maltese Puppy Page" name="maltese" width="200" height="200" id="maltese" onmouseover="MM_swapImage('maltese','','Images/maltese_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
      <a href="yorkie.htm" onmousedown="MM_swapImage('yorkie','','Images/yorkie_active.jpg',1)"><img src="Images/yorkie_link.jpg" alt="Link to Yorkie Puppy Page" name="yorkie" width="200" height="200" id="yorkie" onmouseover="MM_swapImage('yorkie','','Images/yorkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
      <a href="parti_yorkie.htm" onmousedown="MM_swapImage('parti_yorkie','','Images/partiyorkie_active.jpg',1)"><img src="Images/partiyorkie_link.jpg" alt="Link to Parti Yorkie Puppy Page" name="partiyorkie" width="200" height="200" id="partiyorkie" onmouseover="MM_swapImage('partiyorkie','','Images/partiyorkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
      <a href="dachshund.htm" onmousedown="MM_swapImage('dachshund','','Images/dachshund_active.jpg',1)"><img src="Images/dachshund_link.jpg" alt="Link for Mini Dachshund Puppy Page" name="dachshund" width="200" height="200" id="dachshund" onmouseover="MM_swapImage('dachshund','','Images/dachshund_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
      <a href="maltipoo.htm" onmousedown="MM_swapImage('maltipoo','','Images/maltipoo_active.jpg',1)"><img src="Images/maltipoo_link.jpg" alt="Link for Maltipoo Puppy Page" name="maltipoo" width="200" height="200" id="maltipoo" onmouseover="MM_swapImage('maltipoo','','Images/maltipoo_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
    <a href="morkie.htm" onmousedown="MM_swapImage('morkie','','Images/morkie_active.jpg',1)"><img src="Images/morkie_link.jpg" alt="Link to Morkie Puppy Page" name="morkie" width="200" height="200" id="morkie" onmouseover="MM_swapImage('morkie','','Images/morkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></h2>
  </div>
<!-- end #sidebar1 --></div>
  <div id="mainContent">
    <h1>Welcome </h1>
    <p>This Website is under Construction</p>
    <h2>Check Back Soon</h2>
  <!-- end #mainContent --></div>
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
    <p>Footer</p>
  <!-- end #footer --></div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

You have an extra closing </div> where none is required.
Beggining on line 215 of your code, change this:
</div>
<!-- end #sidebar1 --></div>
to this:
<!-- end #sidebar1 --></div>
When problems occur, the W3C code validation tools will help you find errors in your code.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Similar Messages

  • Wireless Keyboard's left and right shift keys don't like some keys...

    Hello everyone!
    I recently bought a second hand 2009 Apple Wireless Keyboard to use with my iPad 32GB Wi-Fi.
    When pressed by themselves, the keys all individually work - I've tested them all using my MacBook's Keyboard and Character Viewer. The problem is when I use either shift keys with the following keys:
    123456789
    qwertyuio
    Now, the odd thing is, the left shift key won't wok with either of those lines but the right shift key will work with the letters but not the numbers.
    Using sticky keys on my MacBook, I can get every single one of the numbers to give out their character (!@£ etc.) with the left and right shift keys. I've not got Mouse Keys turned on either (and I don't think there's an option to enable it on the iPad)
    Also, the Shift keys work perfectly fine with all of the other keys on the keyboard so they aren't worn out.
    Any ideas what could be making my keyboard this way..? Or should I send it back (if I can...)?
    Thank you for your time!

    ok so i've made a bit of progress on my own...
    i've found the on-screen keyboard viewer (silly me, i was looking under "keyboard" in system preferences...) and this flashes with each key i press except the problematic left and right cursor keys.
    moreover, if i click the left and right cursor keys on the on-screen keyboard, they behave as they should, moving my cursor left and right.
    this is starting to look like a hardware fault but i'd love to be able to test outside of the OSX GUI to be really sure. is there any way i can do that. not sure i want to get the screwdriver out just yet...

  • Will Apple ever put left and right arrows on the iOS keyboard?

    Sometimes when I want to go back and fix a typing mistake or to copy certain words, it is a hassle to select the intended area. So I think it would be great if there were left and right arrow keys, or something like holding down one of the existing keys and moving to the left and right to move the cursor. I think that the space bar could work for that, maybe something like holding down the shift(up arrow) key and sliding left and right on the space bar.

    http://www.apple.com/feedback/ipad.html

  • IPad2: After upgrad to iOS 8, video output lost left and right side

    I have a cable for my iPad2, once plugged in the bottom slot, it outputs video to TV Component port and audio to my amplifier. It's been working for years. After iOS 8 upgrade, I notice the video output lost left and right side. It's like
    [before iOS 8]     Apple iPad is a wonderful product for me.
    [after upgrade]             iPad is a wonderful product
    The "Apple" on the left, and "for me." on the right of screen is gone in output.

    Change your Aspect Ratio on your TV to 16:9

  • Muse widget selection dial or left and right slider selector

    Hello, I am looking for a muse widget that lets a user slide a lever left and right or In a circle like a dial to make a selection.  For example, if the range is from 300 to 700, the user will slide the lever on the left and on the right to say he likes the range of 450 to 500.  How do I search for that type of widget?  Does it exist?  Thank you so much, Stacy

    Actually I do not have a shop.  .  I was looking for a range slider widget
    with handles on the left and right side.   That was just a sample.   I
    found some code online but I'm not a programmer.  The slider let you say
    select 10 for a min and 59 for a max. And the slider range was from -100 to
    +100.  Does that make more sense.
    On Friday, December 19, 2014, Gaurav Sharma <[email protected]>

  • My iPad fell one night from one side (left) and now its border from the inside or the main screen  border (left side- portrait) is thicker on the other side (right side) like it moved left when it fell :(( so sad this is a gift from my mother. please help

    my iPad fell one night from one side (left) and now its border from the inside or the main screen  border (left side- portrait) is thicker on the other side (right side) like it moved left when it fell :(( so sad this is a gift from my mother. please help

    thank you. it just annoys me and im scared that my mom would notice it coz she bought it for me..

  • Clicking on iTunes ikon and I get the message the item iTunes.exe that this shortcut refers to has been changed or moved, so this shortcut will no longer work properly.  What can I do, I can't open Itunes.  I have over 4000 songs in iTunes that I had

    When I click on the iTunes ikon I get a box pop up which reads  Problem with shortcut.  The item iTunes.exe that this shortcut refers to has been changed or moved, so this shortcut will no longer work properly.
    My computer which is a packard bell vista operating system, recently stopped working as the power supply overheated and blew up and it has recently been sent back to the Know How team at PC world and it seems to be since it came back I now cannot open iTunes.  I have also tried to search for iTunes in the search bar, I can see several files, but can't seem to open any of these either.  I think that quicktime isn't working, either.
    I have over 4000 songs in iTunes that I had recorded from my collectiong of CD's am  going to loose all these now?  Can anyone help, with very easy instructions as I really don't know what I am doing??
    Thanks

    I would copy over the entire thing if you have room.  With iTunes 10.4 though, you can download any previous iTunes purchases you have made in the past with your current iTunes account.  While in iTunes, look at the left hand side of your screen and select "Purchases" and look at the bottom right corner of the screen and select "Download Previous Purchases".  If you have an iPhone, iPod and/or iPad...you can do the same thing from each device.  Nice new feature...just remember that those ripped CDs need a back-up!!!  Enjoy...

  • CS6: No more Left and right arrow in the timeline

    Hi everyone,
    Adobe removed the left and right arrows in the timeline. I don't understand why because it was a functionnality that I was finding very convenient when comes the time you have to move accurately in a zoomed timeline. The moving bar doesn't work very well in this kind of situation.
    Do you now if there is a convenient way to do the same wihtout these left and right arrows ?
    Thanks

    If you are referring to these arrows in the CS5 interface:
    They have been removed in CS6:
    note:
    If you're new to CS6 from CS5, just wait until you try to select
    a transition vs. a cut point in the Timeline.

  • Footer items moving up the page.

    Hi i have just upgraded to v3 build 645 and now items in my footer are moving up the page. Here is the site http://sographicssite.businesscatalyst.com/index.html its the black tabs on the sides. This is what it should look like http://www.sographics.co.uk/ I have tried it grouped and ungrouped.
    Thanks
    Jason

    Hey everyone,
    We are aware of one issue where, if Muse has to recreate an image in the footer on the master page, it will get pushed up the page. We are actively working on fixing the issue, but in the meantime there are a few things you can do. When Muse has to change the image, either because of a large size difference, an effect (shadow, glow, or bevel), rounded corners, or rotating the item, we will render the image with these effects to ensure proper behavior across different browsers. You can remove these properties on the image to fix the issue, and you can add them using an editor outside of Muse if the effect is something in particular you are going for.
    Sorry for the inconvience. As I said, we are working on getting a fix for this issue.

  • Hello, i restored and updated my iphone 4 to the latest version of 5.1.1 and after that when i connect my mobile to i tunes all i see is a big rectangle and a apple logo on left and a small lock on right side please help me fix this problem.

    hello,
    i restored and updated my iphone 4 to the latest version of 5.1.1 and after that when i connect my mobile to i tunes all i see is a big rectangle and a apple logo on left and a small lock on right side please help me fix this problem.

    I sloved this issue by resting my phone from settings>general>reset>reset all settings...the problem will be fixed

  • How can I change the default apple ID for app store. I bought the macbook from my school when I left and I'm the ID in place of mine is the computer departments one. How can i change it to mine?? Thanks

    How can I change the default apple ID for app store. I bought the macbook from my school when I left and I'm the ID in place of mine is the computer departments one. How can i change it to mine?? Thanks

    http://support.apple.com/kb/ht5621

  • TS1702 I have an iPhone 4 it won't let me download any apps I keep getting the message that my device has no memory left and I do have 1.9G left what wrong i

    I have an iPhone 4 it won't let me download any apps I keep getting the message that my device has no memory left and I do have 1.9G left what's wrong as far as I know everything is up to date on the phone it is running slow please help thanx!

    I figured out what was going on the app had miss represented how much space it would take it had said it was 1.2g's however it was really 1.9g's which was all I had left on the phone I downloaded it to my computer first from the apps store then was able to see this. At that point I was able to rearrange some memory to accomadate it's size thanx for the help.
    Mick

  • My ipod's music quality is inferior. It doesnt have the surround sound/ left and right audio channel unlike my brothers ipod? is there a problem with the chip?

    I have an ipod touch 4g (8GB), I got this about 2.5 months ago, the same time my brother get his. My problem is that I noticed that audio quality is better on his device than mine. I have been listening to music and had different music devices before (non-Apple product and mobile phone) and the quality of music is better when I used to listen to those devices as well as my brother's ipod touch. Im referring to the left and right audio channels. Im not so good about the technical stuff but the best explanation I can give you is in a music or a movie, there's an effect wherein you can here a sound only at the left ear phone/speaker that you cant hear at the right earphone/speaker. I mean for example in a song, a guitar intro can be heared only at the left
    ear while the background music plays on the other ear. Or when theres and echo effect on the song that alternates sound on the left and right ear. I hope youre getting what Im trying to say. Im bothered that my ipod is fake or has an internal problem on the chips or something because I didnt bought this at an Apple Center/Mac Center. I bought it on a retailer. I am not able to visit any store or Genius Bar  or contact an apple specialist through phone because of my work schedule and work load.  I have contacted the retailer before when I tried to return it for replacement or repair but he told me that it is under Apple's warranty, not theirs. I do hope that I can get a help from you because I want to really enjoy my device. Thank you and Im looking forward for the responce/assistance form you.

    I suggest you don't apply pressure to the screen - it's a Touch - you touch the screen not push it.
    Phil

  • I use "hdmi to component converter" to connect apple tv with my old plasma tv by component cable. Sound is ok but the picture split 2screens left and right. Still can't fix it. Anyone can help or has any idea? should I try convert to av?

    I use "hdmi to component converter" to connect apple tv with my old plasma tv by component cable. Sound is ok but the picture split 2screens left and right. Still can't fix it. Anyone can help or has any idea? should I try convert to av?

    Your TV hasn't entered some odd picture in picture mode has it with  two 'inputs' side by side?
    AC

  • I redirected iTunes to an external drive and moved my iTunes library and folder, but my hard drive is still low on space.  How can I be sure that my music is all on the external HD ONLY, especially with the new iCloud technology?

    I redirected iTunes to an external drive and moved my iTunes library and folder, but my hard drive is still low on space.  How can I be sure that my music is all on the external HD ONLY, especially with the new iCloud technology?  It doesn't look like I created any more space by doing this, AND I totally lost all my iTunes playlists.  I'm not sure if because I added old library materials manually if this messed up my playlists, or if the new location is just not reading my moved library.  In any case, I followed step by step instructions and found a few holes and thought I'd just "figure it out" but I guess I'm not as smart as I thought since I'm still scratching my head many hours later.
    Thanks for any support ;-)
    Eaglerocker

    Quick answer if you use iTunes' default preferences settings:  Copy the entire iTunes folder (and in doing so all its subfolders and files) intact to the other drive.  Open iTunes and immediately hold down the option (alt) key (shift on Windows) so you get a prompt to select a library, then guide it to the 'iTunes Library.itl' file in the moved iTunes folder.
    If this is to a new computer and you put the copied iTunes folder in the default location of Macintosh HD > Users > *User Name* > Music  then you don't even need to start with the option key held down, iTunes will automatically look for it there.  (Make sure there isn't anything already in the iTunes folder there that you want to keep since you will be replacing it with the one you are moving.)
    iTunes: How to move [or copy] your music [library] to a new computer [or another drive] - http://support.apple.com/kb/HT4527 - a somewhat bewildering and not always easily understandable set of options.

Maybe you are looking for

  • SAP MM CIN Pricing procedure

    Hi, I am a SAP MM learner. I have done the pricing procedure for CIN (ZAXINN) in IMG - FI part.  I have assigned the calculation procedure to the country IN also.  But while creating the PO, the calculation procedure taken is RM00001 from MM.  Becaus

  • How do I get My Documents folder back on desktop?

    When I got the new MBP My Documents folder was at the bottom with rest of programs. Not sure what I did but somehow sent it away. How can I get it back on my desktop instead of having to go into HD every time I want to pull a file? Thanks.

  • Please help - extremely urgent.

    My apologies for the simple question, but I can't for the life of me remember how I once got this to work. I have an third party app that passes a double value to my program, then later retrieves this value from the program. <snip> tranTotal=0.0 void

  • Runtime error in SmartForm

    I am having a problem with an error message in a SmartForm.  I have tracked the error down to the following function call:   CALL FUNCTION 'SSFCOMP_PROCESS_DOCUMENT'        EXPORTING  HEADER           = %HEADER                   DOCSTRUC         = %D

  • Difference in cost reports

    Hi Please advise what is the difference in reports KSB1 and KSBB with examples Thanks Rama