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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 17

Thread: Repeated DIV?

  1. #1
    New Coder
    Join Date
    Dec 2006
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Repeated DIV?

    Notice on how this website here, in FF looks fine, but in IE7 below the footer the DIV repeats. How can I stop this for IE? Thanks!



    --Tim

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello stlboi,
    Try taking out the bottom padding on your #footer.
    Also could use some attention 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

  • #3
    New Coder
    Join Date
    Dec 2006
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay thanks, I will try that when I get home.

    And ugh I hate validating. Most of that stuff doesn't make too much sense to me. <duck>

    For example:

    Error Line 7 column 5: document type does not allow element "html" here.
    <html>

    Does that mean my <html> tag is in the wrong spot or something? or just take it completely out?

    Also:

    Error Line 181 column 16: document type does not allow element "p" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    Company C<p>

    Put I put the <p> there for a new paragraph, which I learned through a tutorial. So why does it tell me it's an error?

    I would love to validate it to give the code a more professional look, but it looks like a lot of extra work for something that already works. Is there an /easy/ turtorial that teaches you how to validate?

    Thanks for the tips!


    --Tim
    Last edited by stlboi; 01-30-2007 at 04:36 PM.

  • #4
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by stlboi View Post
    Error Line 7 column 5: document type does not allow element "html" here.
    <html>

    Does that mean my <html> tag is in the wrong spot or something? or just take it completely out?
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    
    
    
    <html>
    You already opened your html tag once (in Red) - no need to repeat it (blue).

    Try fixing that first, then see what errors are left.

    In general, although they can be quite confusing at first, it's best to just take validation results at face value: if it says something isn't allowed, then that's exactly what it means.

    Hope that helps you on your way,

    GAry

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Is there an /easy/ turtorial that teaches you how to validate?
    You just have to learn how to write HTML/CSS. It validates when you do it right. That's why I like the validator, it's like a spell-checker.
    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

  • #6
    New Coder
    Join Date
    Dec 2006
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks guys!

    Also, I haven't gotten a chance to get home yet to play with my footer to get it from stop repeating at the bottom. But I want the gray space just like at top, so will playing with the footer get me that? I know I can eliminate the gap and have the footer go all the way to the bottom, but I just need it to stop about 20px above the bottom, just like the top. FF does it perfectly, IE doesn't if you take a look at it right now.


    Thanks!

  • #7
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,387
    Thanks
    32
    Thanked 288 Times in 282 Posts
    Quote Originally Posted by stlboi View Post
    Error Line 181 column 16: document type does not allow element "p" here; missing one of "object", "ins", "del", "map", "button" start-tag.
    Company C<p>

    Put I put the <p> there for a new paragraph, which I learned through a tutorial. So why does it tell me it's an error?
    HTML is not some program like Microsoft Word. A paragraph (p) element is used to mark up a literal paragraph of text, not specify a new line. The error message tells you that the context in which you’ve used the element is illegal according to the rules of HTML. Take the below example in which none of the lines are paragraphs or even sentences. Specifically, a paragraph element (or any other block‐level element) is not permitted as a child of an anchor (a) element. A proper paragraph is more like what you would read in a book.

    The line‐break (br) element is also marked in red because all elements must be closed in XHTML: <br/>. That also means that all of those paragraph elements need to be closed as well: <p></p>. I’m not sure why you’ve chosen to use the more difficult XHTML and yet not adhere to its stricter rules.

    Code:
    <a href="http://testlink.com">
     					Company A<p>
    					Company B<p>
    					Company C<p>
    					Company D<p>
    
    					<br>
    					</a>
    The proper (valid and semantic) markup would be:

    Code:
    <ul>
      <li><a href="http://www.testlink.com/">Company A</a></li>
      <li><a href="http://www.testlink.com/">Company B</a></li>
      <li><a href="http://www.testlink.com/">Company C</a></li>
      <li><a href="http://www.testlink.com/">Company D</a></li>
    </ul>
    Finally, I’m curious why you’ve not even fixed the basic error that Graft-Creative pointed out. It also seems that you’ve blocked the Validator from reading your site?

    Quote Originally Posted by W3C Markup Validator
    500 Can't connect to thebuffalonetwork.com:80 (connect: Connection refused)
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #8
    New Coder
    Join Date
    Dec 2006
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry I just got home and haven't implemented the changes yet.

    Also, it must be the validator's site because I don't know how to block it.


    Thanks for the tips, I will read the validator more carefully and try to come up with the solutions. You're right, I should of used the <ul> tags. I forgot about those. Still learning.


    --Tim

  • #9
    New Coder
    Join Date
    Dec 2006
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hmm, I put 25px at the margin-bottom here:

    #container {
    width: 989px;
    background-image: url(http://thebuffalonetwork.com/project...rama/top.jpg);
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    }

    And it still goes all the way down to the bottom on IE6. How does it look on IE7?

    Oh wait, I'll use Browsershots. And.....

    It looks like it's still there on IE7. Any ideas?
    Last edited by stlboi; 01-31-2007 at 02:59 AM.

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    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 2006
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That works good Excavator, but what I'm looking for is the gap at the bottom just like up top above the header .jpg where the gray is, it's about 25px away from the top. I guess a way of fixing it on the frontend would be to add it to my footer .jpg at the bottom.

    Was wondering if there was a way to take care of it through the html.

    Even on my #container I put margin-bottom: 25px and it still shows with IE.

    If you're wondering what I'm talking about FF shows it perfectly at the bottom of how I want it to look, IE does not.

  • #12
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Update your online page with the changes suggested. Don't expect your CSS to work as intended when your page isn't even valid.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #13
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Maybe your wanting to add something down there and want a 25px space? If that's what your doing then put a top-margin on that.


    Any bottom margin you add on #container or #footer is going to show the top.jpg you use as a background image, but you already know that.

    You could add a spacer div if that would work better...
    .spacer {
    height: 25px;
    }

    You really need to start working on those errors though.
    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

  • #14
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Don't do what Excavator told you to do. Thats kind of misusing CSS. Just use padding instead on the element you want to have space on.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #15
    New Coder
    Join Date
    Dec 2006
    Posts
    63
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks guys. I also will start working on the errors soon.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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