Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3

Thread: Height Problem

  1. #1
    Junior Member vanee's Avatar
    Join Date
    Jul 2008
    Posts
    7
    Member #
    17112
    Hi
    This is my Css

    HTML Code:
    .main{width:700px; float:left; margin:0px; background-color:#fff;}
    .leftpan{width:350px; background-color:#CCCCCC; float:left; border-right:10px solid #666666; height:100%}
    .rgtpan{width:337px; background-color:#999999; float:right; height:100%;}
    My coding:

    HTML Code:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                      <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="main">
      <div class="leftpan">John is great. Iíve used him or years. Highly recommended! He did this and that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut urna. Cras libero leo, molestie imperdiet, ultricies eget, mollis ut, dolor. Nam elit elit, eleifend eget, dapibus ac, varius vel, tortor. Fusce vitae nisl. Nullam sem.John is great. Iíve used him or years. Highly recommended! He did this and that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut urna. Cras libero leo, molestie imperdiet, ultricies eget, mollis ut, dolor. Nam elit elit, eleifend eget, dapibus ac, varius vel, tortor. Fusce vitae nisl. Nullam sem.John is great. Iíve used him or years. Highly recommended! He did this and that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut urna. Cras libero leo, molestie imperdiet, ultricies eget, mollis ut, dolor. Nam elit elit, eleifend eget, dapibus ac, varius vel, tortor. Fusce vitae nisl. Nullam sem.John is great. Iíve used him or years. Highly recommended! He did this and that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut urna. Cras libero leo, molestie imperdiet, ultricies eget, mollis ut, dolor. Nam elit elit, eleifend eget, dapibus ac, varius vel, tortor. Fusce vitae nisl. Nullam sem.John is great. Iíve used him or years. Highly recommended! He did this and that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut urna. Cras libero leo, molestie imperdiet, ultricies eget, mollis ut, dolor. Nam elit elit, eleifend eget, dapibus ac, varius vel, tortor. Fusce vitae nisl. Nullam sem.</div>
      <div class="rgtpan">John is great. Iíve used him or years. Highly recommended! He did this and that. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut urna. Cras libero leo, molestie imperdiet, ultricies eget, mollis ut, dolor. Nam elit elit, eleifend eget, dapibus ac, varius vel, tortor. Fusce vitae nisl. Nullam sem.</div>
              </div>
    </body>
    </html> 

    My problem:

    For Leftpan and rgtpan I have set height as 100%;
    I have added dummy content in leftpan but in rght pan little bit of content when compared to leftpan. I need to fit right bg color as same in leftpan height.

  2.  

  3. #2
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    Hi there.

    I created an example of how to do what you are after a while back

    http://www.andrewbuchan.co.uk/two-column-layout/

    Basically you need to add a min-height to your divs.

  4. #3
    Junior Member vanee's Avatar
    Join Date
    Jul 2008
    Posts
    7
    Member #
    17112
    Hi Thanks for ur reply.

    I have cheked http://www.andrewbuchan.co.uk/three-column-layout/
    Can u plz add this content in right col.
    Content to be added in right Col:
    As left coluority I don't mind that much, perhaps if I get too close tn says, I am a blanket for the main column. In reality I don't mind that much, perhaps if I get too close tn says, I am a blanket for the main column. In reality I don't mind that much, perhaps if I get too close t to him I will smother him to an untimely death.

    Content to be added in left col:
    Hello, I am the left column. My and the right column's job is to keep the main columns warm.

    Problem:

    Left col. Margin ends in top and right col margin is going.i need 2 set same height for left margin too without adding content and without setting height..Can u plz help...


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:10 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com