Three Column Layout Auto resize Help ?

Discussion in 'CSS' started by Venus, Nov 18, 2007.

  1. #1
    How can I make this Left menu and Right menu Auto resize , When I add extra stuff in in Middle (content Menu)
    See this page ,The simple solution for me is to Change Left menu and Right menu background color (Silver) to the same as #F6B283 but , I will add an image in Future as background.

    This is the page link:

    http://geocities.com/sindhjisada/lit_history.html


    Please Help me ....
     
    Venus, Nov 18, 2007 IP
  2. StormForum

    StormForum Well-Known Member

    Messages:
    206
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    105
    #2
    Hello,

    I see the problem - the content just carries on flowing over the div content's actually height. There's a simple fix. In the #content selector remove the following code:

    width: 478px;
    height: 400px ;


    and add the following code:

    min-width: 478px;
    min-height: 400px;
    max-width: 478px;


    There is another possibly by ignoring the above step and adding a scrollbar to overflown text:

    overflow: auto;

    Let me know if there are any probs :).
     
    StormForum, Nov 18, 2007 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    The first thing I would do is get that site off of Geocities since the code the Yahoo "service" uses both above the DOCTYPE and below the </html> tag will not only cause your page to be rendered in Quirks mode, but will also invalidate the page as well.

    If you do need to use a free hosting service, try www.awardspace.com instead.

    Oh, and Internet Explorer 6 doesn't understand min-width, min-height or max-width. It does however, treat height similarly to min-height, but needs to be separated from a min-height declaration via the * html hack (which is very safe to use).
     
    Dan Schulz, Nov 18, 2007 IP
  4. Venus

    Venus Member

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #4
    Sir , I am very obliged for your quick help , I must try my pages according to your advices.

    Thanks a lot
    Sincerely
    Venus
     
    Venus, Nov 18, 2007 IP
  5. Venus

    Venus Member

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #5
    sir , I have used
    overflow: auto;
    It fixes the problem as far as my requirments are ,
    Thanks for your kind and sincere HELP , I will be in touch with you in future

    Thanks

    Venus
     
    Venus, Nov 18, 2007 IP
  6. Venus

    Venus Member

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #6
    Hi Sir,
    I am just trying your given

    website

    Thanks and will be in Toch with you ....

    Thanks
     
    Venus, Nov 18, 2007 IP