What's up with my design?

Discussion in 'HTML & Website Design' started by Twan, Jun 20, 2007.

  1. #1
    Could anyone please load www.wiistop.com into their browser for me? On Firefox, every once it awhile it will look overlapped with the header. Then after a refresh, it won't.

    Anyone know?
     
    Twan, Jun 20, 2007 IP
  2. Sepehr

    Sepehr Peon

    Messages:
    568
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #2
    i haven't look at the source yet but i think the main problem is with top/bottom paddings and margins.
     
    Sepehr, Jun 20, 2007 IP
  3. limpit

    limpit Peon

    Messages:
    248
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Unfortunately, that will refresh it every 1 second someone visits the site, resulting in a never-ending refreshfest!

    I think if you put the topbar in a div of it's own (instead of just inside the wrapper), it might help things. Also, stick an empty div between your new topbar div and the content div with a style of 'clear:both;', you should hopefully get the result you're after.

    
    <div id="wrapper">
    <div id="topbar">
    image + google ads go here
    </div>
    <div style="clear:both;"></div>
    <div id="content">
    .....
    
    Code (markup):
    Hope that helps you :)
     
    limpit, Jun 20, 2007 IP
  4. Sepehr

    Sepehr Peon

    Messages:
    568
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #4
    yeah, dumb me!:D
     
    Sepehr, Jun 20, 2007 IP
  5. Ginger Ninja

    Ginger Ninja Guest

    Messages:
    161
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Limpit got it right. You should use div ID instead of div CLASS for your page structure though. Classes are re-usable in your design so should be used only on elements that you will re-use throughout your site... Which isn't structure.
     
    Ginger Ninja, Jun 20, 2007 IP