Ie Messing Up Css Layout

Discussion in 'CSS' started by valhos11, Oct 4, 2006.

  1. #1
    ON IE my coding goes all messed up when I refresh. Can you please help?


    <br><div class="content">


    <h1>lala</h1>
    EXAMPLE</div>







    <style type=text/css>
    body {
    height:8px;
    color:black;
    font-family:terminal;
    font-size:8pt;}
    BODY,TD,FONT,P,I
    {
    margin-left : 2;
    margin-bottom : 2;
    margin-right : 2;
    margin-top : 2;
    font-family:terminal;
    font-size:8pt;
    line-height:12px;
    font-weight:normal;
    font-style:normal;
    color:black}
    a:hover {
    font-FAMILY: terminal;
    font-size:8pt;
    text-decoration: none;
    color: black;}
    a {COLOR: black;
    font-family: terminal;
    font-size:8pt;
    line-height:11px;
    text-decoration:none;
    font-weight:bold;}

    h1
    {background:#ecffc5;
    border-bottom:3px dotted #ff86bc;
    border-top:2px solid #c1ff53;
    font-family:Terminal;
    padding:2px;
    font-size:8pt;
    color:black;
    text-transform:none;
    font-weight:none;
    text-align: right;
    text-decoration:none;
    width:100%;}
    body {
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-arrow-color: #c1ff53;
    scrollbar-track-color: #FFFFFF;}

    div.content {
    border-left-width : 6px;
    border-bottom-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    border-left-style : solid;
    border-bottom-style : solid;
    border-right-style : solid;
    border-top-style : solid;
    border-left-color : #000000;
    border-bottom-color : #000000;
    border-right-color : #000000;
    border-top-color : #000000;
    padding-left : 2;
    padding-bottom : 2;
    padding-right : 2;
    padding-top : 2;
    margin-left : 2;
    margin-bottom : 2;
    margin-right : 2;
    margin-top : 2;
    background-color : #badbec;
    text-align: left;}


    div.box {
    width: 40px;
    border: 2px solid #781351;
    padding: 3px;
    background: #d7b9c9;
    white-space: nowrap
    }

    span {
    width: 100px;
    display: block
    }

    </style>

    I am new at using divs so please tell me what is wrong and how it can show up correctly
     
    valhos11, Oct 4, 2006 IP
  2. eli03

    eli03 Well-Known Member

    Messages:
    2,887
    Likes Received:
    98
    Best Answers:
    0
    Trophy Points:
    175
    #2
    look at this part on div.content . you should ad "px" .

    padding-left : 2px;
    padding-bottom : 2px;
    padding-right : 2px;
    padding-top : 2px;
    margin-left : 2px;
    margin-bottom : 2px;
    margin-right : 2px;
    margin-top : 2px;
     
    eli03, Oct 4, 2006 IP