height:1%; or height:16px; ???

Discussion in 'CSS' started by BoarderX, Aug 1, 2007.

  1. #1
    This is my summer research project... I would like for this web app. to be cross browser and CSS is giving me trouble. I know the CSS is messy (sorry!) but I'm looking for a quick fix as of now...

    Profile w/ height as 1%:
    http://www.cs.virginia.edu/~pgabriel/profile1.html
    http://www.cs.virginia.edu/~pgabriel/form.css

    The problem here is that the SME Profile information doesn't line up quite correctly in either browser, but the multi-line fields display correctly.

    Profile w/ height as 16px:
    http://www.cs.virginia.edu/~pgabriel/profile2.html
    http://www.cs.virginia.edu/~pgabriel/form1.css

    The problem here is that everything lines up great in both browsers, but multi-line fields are incorrect.

    Is there any CSS option to make the multi-line fields break? I've tried everything!

    Thanks.
     
    BoarderX, Aug 1, 2007 IP
  2. VimF

    VimF Well-Known Member

    Messages:
    307
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    118
    #2
    Add this to the profile w/ height as 1%:

    min-height: 16px;

    So far it works with FF, IE, Opera and Safari.
     
    VimF, Aug 1, 2007 IP
  3. BoarderX

    BoarderX Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    fantastic! thank you!
     
    BoarderX, Aug 1, 2007 IP