float issue

Discussion in 'CSS' started by dave2829, Mar 28, 2008.

  1. #1
    hi all does any one know why my page does not display correctley?

    when the page is made smaller the container goes under the menu?
    also is there a way of making the container look better?

    site www.david-ward.co.uk/test
    css www.david-ward.co.uk/test/style.css

    many thanks all

    david
     
    dave2829, Mar 28, 2008 IP
  2. hans

    hans Well-Known Member

    Messages:
    2,923
    Likes Received:
    126
    Best Answers:
    1
    Trophy Points:
    173
    #2
    it appears simple basic mathematics problem
    you may re-view your need for the many margins

    if you replace your CSS with smaller blocks then it all looks perfect on my editor:

    #content{
    background-color: #cccccc;
    margin: 10px 5px 5px 12px;
    float: right;
    padding: 5px;
    max-width:75%;
    display: block;
    }

    #menu{
    background-color: #abcabc;
    padding: 5px;
    margin-top:10px;
    float: left;
    width: 115px;
    text-align:justify;
    }


    then figure out where your limits are and what exactly you need.

    add up all your margins, %, padding, etc and it has to fit into a browser window and into 100% as well
     
    hans, Mar 28, 2008 IP
  3. dave2829

    dave2829 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks ill give that a try

    david
     
    dave2829, Mar 28, 2008 IP