godaddy free hosting banner at top, is messing up page!

Discussion in 'HTML & Website Design' started by jimsmith, Jun 4, 2006.

  1. #1
    As you can see, the godaddy banner pushed everything on my site down, except for the title (in a div), links on the left( in a div), and the table(in div). Any ideas?
    [​IMG]
     
    jimsmith, Jun 4, 2006 IP
  2. malc

    malc Peon

    Messages:
    129
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You might have "absolute" positioning for links and "floating" for title.
    You can maybe fix this in your css file.
     
    malc, Jun 5, 2006 IP
  3. jimsmith

    jimsmith Peon

    Messages:
    629
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #3
    it seems the 3 things that moved, title, links and table, are all in absolute div's.
    Everthing that wasn't in div's stayed where it should be.

    Why wouldn't the div's move down?!
     
    jimsmith, Jun 5, 2006 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    A better question would be, "why are you using AP elements at all?"

    Also note that anything prepended to your page will dump IE into quirks mode, where it is even less standards compliant and more buggy. You should definitely find a better host.

    cheers,

    gary
     
    kk5st, Jun 5, 2006 IP
  5. jimsmith

    jimsmith Peon

    Messages:
    629
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #5
    good info, but....
    there is no other way to put "my title" where the red arrow indicates!
    In order to put the title there, you have to draw a div to create a place to put text!

    The banner up top, with the eye, is an image. There's no other way to put text on top of it.

    What do you guys use in place of divs?
     
    jimsmith, Jun 5, 2006 IP
  6. -Abhishek-

    -Abhishek- Regaining my Momentum!

    Messages:
    2,109
    Likes Received:
    302
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Huh! Why in the world are you running FreeHosting afterall ?
    PM me if you want adfree Free Hosting! With php/mysql / cpanel and everything!
    Abhishek
     
    -Abhishek-, Jun 5, 2006 IP
  7. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #7
    Rather than guess about how to best code this, where's a link? Why bother to hide the url when you have it on a public host for god and everyone to see?

    cheers,

    gary
     
    kk5st, Jun 5, 2006 IP
  8. jimsmith

    jimsmith Peon

    Messages:
    629
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #8
    no thanks.

    I'm going to upgrade the hosting, was just wondering in the meantime though.
     
    jimsmith, Jun 5, 2006 IP
  9. brian394

    brian394 Well-Known Member

    Messages:
    226
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #9
    if you're using absolute positioning for the title and links why not just add a fixed amount to their top: amount to accomadate for the GoDaddy ads. For example, if your title currently has a top: value of 60px you can increase it to 100px or so and you should be able to get it to show up where it's supposed to.
    You just answerd your own question. It's because the elements are being absolutely positioned that they're not being moving down. Nothing can shove, or push, or force an absolutely positioned element anywhere. They are where they are because you've told them to be there. You've supplied an exact x and y coordinate of where they should show up. For example:
    
    <style type="text/css">
    div.title {
     position: absolute;
     top: 5px;
     left: 5px;
    }
    </style>
    
    Code (markup):
    will cause the div (of class "title") to show up exactly 5 pixels from the left side of the screen and 5 pixels from the top of the screen. Absolutely positioned elements are in their own little world floating above the rest of your page. Their position is not dependent or reliant upon anything else on the page. When the content or layout of your page changes, absolutely positioned elements will always remain where they are.
     
    brian394, Jun 5, 2006 IP
    jimsmith likes this.