SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member QRiO's Avatar
    Join Date
    Jul 2006
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post Auto Increase Of Layer's Height

    I have two layers side by side. One is for Content and the other one is for Menu. Due to text increase in Content layer its height increases. My question is that what CSS trick will be used to auto increase the size of Menu layer when Content layers size increases. So they have equal height. Just like in tables.

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    most simple ?
    wrap them and give the wrapper the same background color as left column , content container must always be higher

  3. #3
    SitePoint Member QRiO's Avatar
    Join Date
    Jul 2006
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes this is a good trick. At this time I am using this trick but I was thinking that may be some CSS property is availabe for that perpose which I don't know. That's why I post the question. Any way thanks for your answer.

  4. #4
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    Sorry there is no simple thing like 100% hight

    content controled
    Negative margin Model

    100% hight (also content controled)
    Faux Column
    Border
    eXtended
    100% hight, 100% width right column, fits in any container
    Full Demo Sorry not for IE, move over, klick on body , wrapper
    Last edited by all4nerds; Jul 21, 2006 at 10:13.

  5. #5
    SitePoint Member QRiO's Avatar
    Join Date
    Jul 2006
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks again for these examples. these are useful to understand the trick.


Bookmarks

Posting Permissions

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