1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Damn CSS and IE6

Discussion in 'HTML, Graphics & Programming' started by tuckenator, 9 Oct 2009.

  1. tuckenator

    Hitman

    Joined: 13 Jul 2005

    Posts: 704

    Location: Birmingham

    Hi guys,

    Been working on a mini site for a work project and as always IE6 is ******* me off!

    Hopefully someone can tell me why the Search box in IE6 is messing up on the height.

    IE6
    [​IMG]

    IE7
    [​IMG]

    Code:
    Code:
    #topbar {
    text-align: left;
    padding: 4px;
    max-height: 82px !important;
    width:100%;
    margin: auto;
    float:left;
    background:#FFF url(images/background.jpg) left;
    
    #search-box {
    float: right;
    width: 168px;
    max-height: 22px !important;
    margin: 2px 8px 0px 0px;
    padding: 2px 2px 2px 3px;
    border: 1px solid #000;
    background-color: #55aaa7;
    }
    
    .inputbox {
    background-color: white;
    border:1px solid #000;
    color: black;
    width: auto;
    margin: auto;
    }
    
    .inputbutton {
    border:1px solid #000;
    width: 20px;
    height: 20px;
    margin-left: 2px;
    background: #fff url(images/gosearch.gif) left;
    }
    
    Thanks in advance.

    Tucks.
     
  2. GravyMonster

    Capodecina

    Joined: 18 Oct 2002

    Posts: 14,343

    Location: The land of milk & beans

    Code:
    max-height: 22px !important;
    There's your problem, IE6 doesn't support max-height. Just using 'height' should do the same job though.