Site footer do not stay in the Center.

Hey guys,.

With this site... I say 'what! I was able to create nav - bars and all! You have helped me more than I could have hoped for! So, thank you all!

I'll just have a little problem... Which I'm sure is very common... my footer is not stay in place in the middle... I mean, I know there are all these ways to fancy for a footer, etc... Yet, is it OK the way I... I do this by placing it in its own div, not with the container or the content div... He sit at the bottom of the page for my taste, while I can't seem to stay focused.

(Note: it does, however, look perfectly centered on my 'Design' overview on Dreamweaver, but when I go to preview it in a browser, it sticks a little too left.)

Below the following code HTML and CSS coding:

The HTML Code:

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 > Untitled Document < /title >

< link href = "css/global.css" rel = "stylesheet" type = "text/css" / > "

< link href = "css/textstyles.css" rel = "stylesheet" type = "text/css" / > "

< / head >

< body >

< div class = 'wrapper' >

< div class = "header" >

< / div >

< / div >

< div class = "nav" >

< ul >

< li > < a href = "#" > Contact < /a > < /li >

< li > < a href = "#" > Foundation < /a > < /li >

< li > < a href = "#" > Photos < /a > < /li >

< li > < a href = "#" > bands < /a > < /li >

< li > < a href = "#" > home < /a > < /li >

< /ul >

< / div >

< / div >

< div class = "content" >

< / div >

< div class = "footer" >

"< img src="images/images/footer_03.jpg "width ="825"height ="81"alt ="Footer"/ >

< / div >

< / body >

< / html >

CSS coding:

@charset "UTF-8";

/ * CSS document * /.

{body

margin: 0;

padding: 0;

background-image: url (file:///H|/EXTRA%20RMIT%20FILES/Clarkefield%20Website%20Site/images/Clarkefield%20Fes tival%20Background.jpg)

}

. Header {}

Width: 827px;

height: 579px;

left margin: auto;

margin-right: auto;

background-image: url (.. / images/Clarkefield%20Header.jpg);

background-repeat: repeat no.;

background-position: center;

}

. Wrapper {}

Width: 827px;

left margin: auto;

margin-right: auto;

}

. NAV {}

Width: 679px;

height: 78px;

left margin: auto;

margin-right: auto;

}

. Happy {}

Width: 827px;

margin: auto;

height: 750px;

background-color: #225b6f;

padding-bottom: 20px;

}

.footer {}

margin left: 86px;

margin-right: auto;

float: none;

}

. NAV ul {}

list-style-type: none;

margin: 0;

padding: 0;

Width:100%;/*this it will be the entire width of the container * /.

}

.nav li {}

float: left;

margin: 3.5px.

padding: 0px;

}

.nav li a {}

display: block;

do-family: Arial, Helvetica, without serif.

do-size: 14px;

text-decoration: none;

text-align: center;

Background: url (.. / images/button.gif) no - repeat top left;

Width: 128px; / * Enter width here * /.

height: 77px; / * Enter the height here * /.

color: #FFF; / * Enter the color of the text here * /.

}

Sorry for all the hassle, it is an assignment of the University and I'm very worried about getting everything that fact .

A big thank you, guys!

-Joshua.

Your footer is not in the #wraper on the one hand:


 
   
 
   

see how you close the #wrapper div right after the #header.

If you lose the balance #wrapper provides:

. Wrapper {}

Width: 827px;

left margin: auto;

margin-right: auto;

}

There is also an additional right after your div "nav":

  • Home

  •   
      

    The second is extra... without closing anything.

    It is advisable when coding to put in to any element closing tag as soon as you have finished the opening tag.

    Thus, for example, put in your tag #wrapper opening and then put in the closing #wrapper tag before putting anything in #wrapper.

    Now if you use #wrapper in the normal way... it's to 'Pack' all the content... then everything... everything must be placed between the #wrapper opening tag and the closing #wrapper tag.

    Now you add content in the main envelope, all encompassing

    dash of each nesting level. So when you nest a deep level, indent the code to see what content inside that visually. Next level of nesting gets back once more.

    That practice, as well as to always add the closing tag a few lines below the opening tag at the same time the opening tag is created, you will help keep content in the appropriate container element and eliminate extra opening or closing... tags their locker always in pairs.

    Best wishes

    Adninjastrator

    PS: after trying to decypher the

    structure of another post, I would like to add one thing to 'always create '.
    Pairs of opening and closing tags. Add a comment just before the tag closing for you remember who
    you close... like this:

    Of course, it helps when problems later.

    Post edited by: adninjastrator... added more instructions

    Tags: Dreamweaver

    Similar Questions

    • Footer do not stay at the bottom of the content

      I'm doing a new site - tomperkowitz.com - and the footer sticks at the bottom of the browser page, leaving a large white space when the browser window is greater than the content. I would like that the foot of stay at the bottom of the content (like the first image below) and do not stick to the bottom of the window (as shown in the second image below.

      I have another site - horizonshades.com - made with Muse where the rest footer as I want, but I don't know what I do different/wrong with this new site.

      Any help would be appreciated.

      Screen Shot 2014-11-21 at 4.18.05 PM.png

      Screen Shot 2014-11-21 at 4.18.21 PM.png

      You have unchecked Sticky Footer in the Page Properties?

    • The mouse cursor does not appear on the center of the screen to start upward.

      The mouse cursor does not appear on the center of the screen to start upward.  If the mouse moves a mobile cursor appears in the upper left corner of the screen.  Have to keep rebooting until the mouse cursor properly supported.

      The mouse cursor does not appear on the center of the screen to start upward.  If the mouse moves a mobile cursor appears in the upper left corner of the screen.  Have to keep rebooting until the mouse cursor properly supported.

      Suggestions:

      Go to Safe Mode:

      Shut down your computer > turn it back on and immediately and repeatedly tab key F8 until you see a black and white screen. Use the up/down arrow and selectSafe Mode with command prompt.

      1. in safe mode, please do a system restore. Choose the date where you did not have this problem as your restore point.
      Start button > Search box, type system restore > press the Enter key > uac prompt > click on choose a different restore point > next > select dates as your restore point, until the click > next > finish
      To sit and wait. The machine restarts when it's done.

      2. always in safe mode, do a check of the file system. See if file check will check for corrupted files and repair them.

      Start button > Search box type cmd > look up, do a RIGHT click oncmd.exe > click onRun As Administrator > in this window cmd black and white, type at the prompt flashing sfc/scannow > press the ENTER key.
      Note: there is a space between 'sfc' and ' / '.
      To sit and wait. It will take time.
      When finished, exit the cmd window.
      Reboot (restart your computer)

      For the benefits of others looking for answers, please mark as answer suggestion if it solves your problem.

    • How to stop a site tabs does not happen at the start of Firefox?

      How to stop a site tabs does not happen at the start of Firefox?
      I inadvertently allowed Firefox to save tabs settings when I quit Firefox. Now, every time I start Firefox the tabs site continues to return. How can I cancel this site tabs to open when I run Firefox?

      See:

      • Tools > Options > general > startup: 'When Firefox starts': 'Show my home page' or 'display a blank page '.
      • Press F10, or press the Alt key to bring up the 'Menu Bar' temporarily if the menu bar is hidden.
      • Use "Firefox > Options" instead of "tools > Options" If the menu bar is hidden.
    • Carriage of large format HP officejet 7000 does not transfer to the center when lid lifted

      the carriage does not move to the center when I lift the lid on my officejet wideformat 7000.  I've tried everything.

      Make sure you unplug the power cord first and then see if it moves freely.

      Then you could try to connect it to the top and do the same thing.

      Something can block it moves. A lot of times, he has a small piece of paper stuck on the right side of the cart, preventing them from moving.

    • My laptop can open internet explore properly, the cursor may work when you tap the address space to type a Web site, but the site it does not point to the search space to find anything except the right button

      My laptop can open internet explore properly, the cursor may work when you tap the address space to type a Web site, but the site it does not point to the search space to find anything except the right button. What is the problem? Harry

      When you try to search it's inside Windows or Internet explore?
      When is this last work fine?
      You did changes to the computer?
      Has it worked before, then you can try to run the system restore and check if that helps

      ;)

    • I have an optical mouse wireless portable 3000, the left & right buttons do not work, but the Center wheel works fine. Can someone please?

      I have an optical mouse wireless portable 3000, the left & right buttons do not work, but the Center wheel works fine. Can someone please?

      Hello

       

      You did changes to the computer before the show?

       

      Method 1: Check the mouse on another computer and see if the clicks.

       

      Method 2: See the following article:

       

      Troubleshoot the incidents of the response to the mouse or wireless keyboard:

      http://support.Microsoft.com/kb/838398

    • Windows Defender does not light in the center of the Action. I deleted Norton

      I have Windows 8, firewall, & cancelled Norton. I want to erase Norton. Windows Defender does not light in the center of the Action.

      Thank you in advance.

      If you turn your active antivirus protection on the Defender will run in this case too. I tried it on my Windows 8 Pro PC. I managed Antivirus and when I disable its protection active and turn the Defender Defender works with accuracy.

    • Workspace open to financial reports is not available in the center of financial information to the local Oracle Fusion HCM

      Workspace open to financial reports is not available in the center of financial information to the local Oracle Fusion HCM. Help, please.

      Thanks in advance for the answer

      Found the solution. Open space for task of financial reports, we must as a financial analyst for the respective user. Pls correct me if I'm wrong

    • Photosmart D110a all transport cartridge printer will not move to the Center to allow its replacement

      I have a Photosmart D110a, using an iMac running OS 10.7.4 (Lion).

      In the middle of printing, I received a message from a problem with the color cartridge. When I open the cartridge access door, the transport of the cartridge does not return to the Center so that I can change the cartridge. The printer status panel displays the message "ink cartridge access door is open." When I close the door, the power button blinks and I get a message on the printer, 'Short of printing ink cartridges or damaged'. Center of HP messages on my office poster "printer cartridge failure." Printer cartridge has failed. Check the status Panel on the printer for more information.

      I'm using remanufactured cartridges that have never given me a problem in the past.

      I'd appreciate any help so that I can replace the color cartridge.

      Thank you

      I know it has been awhile.

      I'm happy to have provided useful information for you.

      Happy to know that the problem was resolved itself.

    • My tools do not work in the center of the image

      My tools, spot healing, radial, grad and brush do not work in the center of the image. Near the edges, I see them as I propose in the Center, they disappear.

      It's in Lightroom cc cannot begin to understand why, not so no idea how to solve this problem. All ideas

      Yosemite with a Macbook pro not retina

      Began to make any reply. I closed Lightroom and reopened. Seems to have solved the weird though problem?

    • footer don't stay in the same place

      Hi guys, my foot stays inside all the time (duh its call a footer), but look at the picture, when I reduce the content browser of high and low have a big gap

      1111.jpg

      Then we have the less than 100% browser

      11111.jpg

      Hello

      Check that video please, Muse class Site - footer - YouTube

      And make sure that on the footer box that placed on the Panel at the top right of the Muse

      Hope you find it good

      Kind regards

    • Footer will not remain at the bottom of page

      I've built a simple web page to work, but I can't get the footer to stay at the bottom of the page (see image below)

      Screenshot 2015-01-12 at 08.59.53 am.png

      It's as if the page is too big, but I have tried everything to resize the page, lock the footer, but nothing works.

      Any help would be appreciated!

      Hello

      Please make sure that "Sticky Footer" is checked in the properties of the Site.

      Here is the way to achieve this file > Site Properties > check the "Sticky Footer"

      Concerning

      Vivek

    • Site Web Server not accessible via the internet

      Hello Apple community,

      I had a problem with the.app Web sites, where my site Internet (FQDN) is accessible via the network internal, but not accessible through the internet. I have port ports 80 and 443 passed on my firewall and I can see the ports open via nmap on an external connection.

      When I browse the site via http, I get redirect to 443 then it just resets and I get no error page. Internally, the page redirects to 443 and loads fine with the popup of trust initial cert (self-signed cert) that I then store to my keychain and loading the page well. I get no this pop up via an external network.

      Accessibility is accessible by 80 (green circle icon) but not of 443 for reasons I can't understand.

      I already tried to remedy the situation of the measures:

      Create a new self-signed cert to use. (same results)

      Disable ssl and disable redirection. (causes a load error in the browser)

      Wiped the OS reinstall OS X El Capitan and.app. (same results)

      Checked the port forwarding on my firewall Meraki 15 times (looks good)

      Disabled the feature IPS of the PPE on the Meraki (same results)

      Maybe I'm just on something? I hope someone out there can help.

      Thank you!

      Well, thought about it. < bangs head >.

      ATT Uverse uses port 443 for flow towards Wireless HD receivers in the House. There is a way to change the port it uses, and I'll try and do it later and post my results in case someone else is having the same problems.

      Thinks... "Why the hell ATT would use a common port for Wireless HD? SMH.

    • Is my site Popup does not work on the Android browser

      I am the owner of a website IE http://www.stdtestingorlando.net . The Web site is using a responsive model. I just installed a popup javascript based on my site. I just noticed that it is works well on desktop computers, but does not appear on the android devices. What could be the problem?

      Mobile browsers have usually a single window, so the idea of a second window to appear has really no sense, or it will end up as another tab.

    Maybe you are looking for

    • Quickly formwork black screen on MacBook ' 09?

      Earlier today, I was on the Internet and for some strange reason, the screen went black 75% horizontally to the top of the screen and the rest of the ~ 25% took a shuttering effect, display the Web page, I was on and the normal screen, but constantly

    • How can I get solitaire on my computer (XP Professional)?

      When I click on my Start button and select "All programs", solitaire is not listed as a game. I have XP Professional and solitary has always been one of the games on XP. How can I get that back?

    • How can I update my instant ink from casual to moderate use

      I signed up for [50] plan occasional pages ink instant, but I need to upgrade to [100]. How do I upgrade? Lot of info of irrelevent for all sorts of problems, but no simple solution for how to do this. All have the answer please. mission9

    • Disable a TabbedPane sidebar. Possible?

      Hello Is it possible to disable a TabbedPane sidebar? I tried to listen to the signals of the sidebarStateChanged and the sidebarVisualStateChanged, then trying to define the State, but that doesn't seem to work at all. There is no work around? Thank

    • Vectors seem to step

      Hi does anyone else think that vectors appear jagged (not smooth) on the playbook. The quality of the forms a text doesn't look good. Any solution for this? Thank you