Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New Coder
    Join Date
    Dec 2009
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Arrow Footer floating, squiggly character problems

    Hey everyone, you can see my site under development at http://topnotchwebservices.com/p_cantest/ , when you view the site the footer doesn't stay at the bottom, I can't figure out how to get it to stay there, also above the navigation bar it has weird ´╗┐ characters. If it helps both the navigation bar and the footer are using SSI. Any ideas how to get rid of the characters and keep the footer at the bottom? thanks
    Last edited by qhx398; 12-15-2009 at 08:18 AM.

  • #2
    Regular Coder
    Join Date
    Jun 2008
    Posts
    173
    Thanks
    2
    Thanked 9 Times in 9 Posts
    did you validated your page.

    it has 2 doctypes tags and 2 body tags, 2 <html></html> tags.

    why are they repeating.

    they should be one.


    vineet

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello qhx398,
    Try it like this -
    Code:
    #footer {
    	/*position:relative;*/
    	padding:20px;
    	height:auto;
    	width:970px;
    clear: both; /*this makes it not go next to a float*/
    	/*float:center; no such thing, floats don't work with relative or absolute positioning if there was*/
    }
    ----------------------
    Here is what shows in your rendered code on my end -
    Code:
    <div id="leftnav">
    <div class="navlinks">
    ´╗┐<ul>
    <li><a href="http://www.website.com">Home</a></li>
    <li><a href="http://www.we
    Could be in your markup or your include. Can you quote that section of HTML here? Quote the full include too.

    -----------------------
    Have a look at the 34 errors the validator finds. Read about validation in the links in my sig below.


    ...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #4
    New Coder
    Join Date
    Dec 2009
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts
    oh yeah, that. I forgot to take that out of the footer, as its a seperate file and expression web put that in. I haven't validated my page yet, no.

  • #5
    New Coder
    Join Date
    Dec 2009
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hi Excavator,

    below is that section of the HTML:

    Code:
    <div id="leftnav">
    <div class="navlinks">
    <!--#include virtual="includes/navigation.html" -->
    </div>
    </div>
    and here's my include it's pointing to:

    Code:
    <ul>
    <li><a href="http://www.website.com">Home</a></li>
    <li><a href="http://www.website.com">Hours</a></li>
    <li><a href="http://www.website.com">Rates</a></li>
    <li><a href="http://www.website.com">Contact Us</a></li>
    <li><a href="http://www.website.com">Tour to Victoria</a></li>
    </div>

  • #6
    New Coder
    Join Date
    Dec 2009
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts
    awesome, thanks Excavator but the validator helped me get rid of the squiggly things. Now its just the footer....it appears at the bottom but it wont appear at the bottom in IE until about 20 seconds after the pages loads...any ideas on this?

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    It appears to be hiding behind your #container. IE8 in compatablity mode doesn't show it at all.
    Add overflow:auto; to the CSS for #container to clear it up.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #8
    New Coder
    Join Date
    Dec 2009
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hi Excavator,

    I added overflow:auto; to my css file for #container but it doesn't seem to be doing anything.

  • #9
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Remove position:relative; from #content. You have a very persistent bug caused by your positioning.
    To see better what's happening, put different background colors on your #footer, #content and #container.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Have a look at a simple 2 column layout demo here.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #11
    New Coder
    Join Date
    Dec 2009
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thank you so much Excavator for your help, I owe you one big time!

  • #12
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    No problem, glad to help.
    Did you look at the 2 column example I linked to? That is probably a much better approach.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #13
    New Coder
    Join Date
    Dec 2009
    Posts
    16
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Yes, I did. Learned some things from it too. Now my next goal will be to tweak my CSS so it's not so buggy, lol.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •