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 2 of 2
  1. #1
    New Coder
    Join Date
    Sep 2010
    Posts
    93
    Thanks
    11
    Thanked 0 Times in 0 Posts

    div moving down on resize

    I have a menu on the left, and a main div on the right. If I resize the window enough, the main div jumps down. Any ideas how to fix this?
    here's the css

    Code:
    @charset "utf-8";
    /* CSS Document */
    
    body {font-family: Arial, Helvetica, sans-serif;}
    
    /* Container */
    #container {max-width: 1000px; height: 850px; margin: auto;}
    
    /* Header */
    #header {max-width: 1000px; height: 50px; clear: both; background-color: #09F; color: #FFF;}
    #header h2 {font-size: 24px; text-align: center;}
    
    /* Menu */
    #menu {max-width: 300px; height: 850px; float: left; background: #0CF;}
    #menu span.category1, #menu span.category2, #menu span.category3 { height: 30px; width: 300px; float: left; background: green; border: 1px solid white; text-align: center;}
    #menu #vega, #menu #cat2, #menu #cat3 {display: none;}
    
    /* Main */
    #main {height: 850px; width: 700px; float: left; background-color: #06F;}
    
    /* Footer */
    #footer {max-width: 1000px; height: 50px; clear: both; background-color: #0CF;}
    #footer abbr, #footer img {border: 0 none; float: right; margin: 5px 10px;}
    edit: fixed it
    Last edited by cinek; 10-23-2010 at 05:15 PM. Reason: resolved

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Code:
    I have a menu on the left
    Can we have a link?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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