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 3 of 3
  1. #1
    New Coder
    Join Date
    Dec 2007
    Posts
    59
    Thanks
    0
    Thanked 0 Times in 0 Posts

    fix div auto height

    hi ! i have 3 div for index page .
    <div id="1" align="center"><div style="float:left; width:20%;">&nbsp;</div><div id="2" style="float:left; width:60%;">&nbsp;</div><div id="3" style="float:right; width:20%;">&nbsp;</div></div>
    1 = left with background
    2 = middle with background
    3 = right with background
    Now how to write css when type in middle , all DIV ( left + right ) auto height and change to bottom !?
    in table methods this worked nice but how to in DIV with css ? regards ( sorry for bad english )

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello eric float,
    I'm sure your English is better than the way I speak your language!

    I've got a couple 3 column layouts that might give you a better start that what your doing. I think in the long run you'll appreciate using an attached CSS rather than the inline styling your quoting here.

    Have a look at these and see if you can use anything:
    one
    two
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Hi eric,
    Basically, you need to have some faux columns to achieve this.
    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
    •