• here is my css. when i look at my site in internet explorer my sidebar jumps below the content area. my site is here. need help please

    /* CSS Document */

    body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000;
    }
    a:link {
    color: #66CCFF;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #66CCFF;
    }
    a:hover {
    text-decoration: none;
    color: #D4366A;
    cursor: crosshair;
    }
    a:active {
    text-decoration: none;
    color: #66CCFF;
    }
    li, ul {
    list-style: url("https://radioentropy.freehosting123.com/wp-content/themes/lando/images/bullet.gif") none;
    }

    }
    li.feed {
    list-style: url("https://radioentropy.freehosting123.com/wp-content/themes/lando/images/feed.gif") none;
    }
    .feedburner {
    vertical-align: -15px;
    }
    #container {
    width: 100%;
    color: #ccc;
    flat: left;
    }
    #logo {
    float: left;
    height: 1000px;
    }
    #alpha {
    width: 70%;
    float: left;
    height: 100%;
    color: #ccc;

    }
    #beta {
    float: left;
    width: 25%;
    display: inline;
    margin-left: 10px;

    }
    #footer {
    margin-left: 52px;
    margin-bottom: 20px;
    font-size: small;
    text-align: center;
    border-top: dashed 1px #D4366A;
    float: left;
    width: 100%;
    }
    .footer-feed {
    vertical-align: -5px;
    margin-top: 5px;
    }
    .entry { }
    .entry-header {
    font-size: large;
    color: #FFCC00;
    border-bottom: dashed 1px #D4366A;
    letter-spacing: 5px;
    font-weight: bold;
    margin-left: 52px;
    }
    .entry-content {
    font-size: small;
    margin-left: 52px;
    }
    .entry-footer {
    border-top: dashed 1px #D4366A;
    font-size: small;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 52px;
    }
    ul#navigation {
    list-style-type: none;
    margin-left: 52px;
    padding: 0;
    height: 10px;
    width: 70%;
    }

    ul#navigation .left {
    float: left;
    }
    ul#navigation .right {
    float: right;
    }

    text-align: right;
    }
    .module {

    }
    .module-header {
    border-bottom: dashed 1px #D4366A;
    text-transform: lowercase;
    font-size: large;
    color: #66CCFF;
    letter-spacing: 10px;
    font-weight: bold;
    }
    .module-content {
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: #D4366A;
    font-size: small;

    }
    .comment-content {
    font-size: small;
    margin-left: 52px;
    }
    .comment-date {
    font-size: small;
    margin-bottom: 3px;
    }
    .lastfm {
    text-align: center;
    margin-bottom: 10px;
    }
    .me {
    margin-top: 10px;
    }
    .imgpost {
    margin: 10px 10px 10px 10px;

    }
    input.box {
    color:#D4366A;
    font-family:'arial ms',helvetica,sans-serif;
    font-weight:bold;
    background-color:#000000;
    border: 1px solid;
    border-top-color:#D4366A;
    border-left-color:#D4366A;
    border-right-color:#D4366A;
    border-bottom-color:#D4366A;}
    input.go {
    color:#66CCFF;
    font-family:'arial ms',helvetica,sans-serif;
    font-weight:bold;
    background-color: #000000;
    border: 1px solid;
    border-top-color:#D4366A;
    border-left-color:#D4366A;
    border-right-color:#D4366A;
    border-bottom-color:#D4366A;
    width: 35px;
    cursor: crosshair;}
    .trackback {
    color: #FFCC00;
    margin-left: 52px;
    text-align: center;
    font-size: 24px;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘css layout prob in IE’ is closed to new replies.