How to maintain the height of all the columns using div ?

The_Small_k

The_Small_k

@the-small-k Oct 26, 2024
hello friend's
I need some help from css experts.
Actually i want to create a dynamic 3 column page whose middle column varies according to the content in them.But the problem is that i am not able to maintain the height of all the columns.
It's a simple thing to do by using table but i want to do it using div.
Any idea how this can be done ?

Replies

Welcome, guest

Join CrazyEngineers to reply, ask questions, and participate in conversations.

CrazyEngineers powered by Jatra Community Platform

  • synergynext

    synergynext

    @synergynext-FdHLd3 Jun 26, 2011

    big deal
    wondering why this thread got un-noticed!
  • synergynext

    synergynext

    @synergynext-FdHLd3 Jun 26, 2011

    use this, combine with other stuff like color, background color etc
    all 3 columns come within 1 container
    #container1 {
    float:left;
    width:100%;
    }
    #col1 {
    float:left;
    width:30%; 
    }
    #col2 {
    float:left;
    width:40%; 
    }
    #col3 {
    float:left;
    width:30%;
    }
    
  • The_Small_k

    The_Small_k

    @the-small-k Jun 27, 2011

    Yeh i have fixed this issue....i forget to add flot there !!
  • PraveenKumar Purushothaman

    PraveenKumar Purushothaman

    @praveenkumar-66Ze92 Jun 27, 2011

    And don't forget to clear it using clear: both... 😀