Question on my website's design

Discussion in 'HTML & Website Design' started by xxgatxx, Mar 2, 2012.

  1. #1
    Whenever I minimize the window, the adsense ad that I have on the left side of the page moves over and overlaps the main part of my website in the middle. (This also happens to the scrolling thing on the right side)

    This is my website, (I'm not allowed live links yet)

    topworkoutsongs . org

    I don't really know what I'm doing, (I just make little changes here and there and see how it affects the page). How can I make it so that the adsense ad just stays on the left side of the page? I think the fact that it overlaps affects the quality of the adsense ads that I receive, and that I can earn much more if I were to fix this simple thing. Would a z-index be alright in this case?

    In short, what I really want is just for the ad on the left to stay on the left, the scrolling thing on the right to just stay on the right, and the main body in the middle to stay in the middle when the page is made smaller. Thanks for your input
     
    xxgatxx, Mar 2, 2012 IP
  2. Steve76

    Steve76 Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The problem is your basic site structure.
    The sidebars "floating" to the left and to the right:

    Your style.css: #sidebar_left {float: left;display:...

    I'm not the css expert, but i think you can solve this with a 'fixed-width layout'. Just google for 'css fixed-width layout'...

    Steve
     
    Steve76, Mar 2, 2012 IP