CSS HR Line

Out of context: Reply #7

  • Started
  • Last post
  • 12 Responses
  • bigtrickagain0

    here:
    style:
    <style type="text/css" media="all">
    body {
    min-width: 105px; /* 2x LC width + RC width */
    }
    #container {
    padding-left: 35px; /* LC width */
    padding-right: 35px; /* RC width */
    height: 1px;
    margin-top: 100px;
    }
    #container .column {
    position: relative;
    float: left;
    }
    #center {
    width: 100%;
    background-color: black;
    height: 1px;
    }
    #left {
    width: 35px; /* LC width */
    right: 35px; /* LC width */
    margin-left: -100%;
    }
    #right {
    width: 35px; /* RC width */
    margin-right: -35px; /* RC width */
    }

    /*** IE6 Fix ***/
    * html #left {
    left: 35px; /* RC width */
    }
    </style>

    html:

    <div id="container">
    <div id="center" class="column"></div>
    <div id="left" class="column"></div>
    <div id="right" class="column"></div>

    </div>

    bigtrickagain 0Permalink
    UpvoteDownvote
    Flag
    Show [[ numHiddenNotes ]] more notesAdd Note
    SaveCancel

View thread