1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS Help Please

Discussion in 'HTML & Website Design' started by solidsoul2010, Feb 5, 2014.

  1. #1
    i have attached a photo for visual aid - these boxes you see here i need to figure out how I can have that red footer area stick to the bottom of each box - each box will spit out with PHP based on input from Database...

    i tried setting margin but it goes outside the box and when you get the the one that shows up on second line the red box is no longer aligned...

    here the code I have so far.
    <div class="ptc_wrapper">
                                            <div id="ptcbox">
                                                    <div id="ptctitle"><h1>CLIX4LESS.com</h1></div>
                                                    <div id="ptcbanner">
                                                   
                                                    <table align="center">
                                                    <tr>
                                                    <td><a href="#"><img src="images/banner.gif"></a></td>
                                                    </tr>
                                                    </table>
                                                   
                                                    </div>
                                                    <div id="ptcdesc">Description: Making money with this PTC is simple and trusted - the admin is always active</div>
                                                    <div id="ptcproof">proof</div>
                                            </div>
                                            <div id="ptcbox">
                                                    info here                           
                                            </div>
                                            <div id="ptcbox">
                                                    info here                           
                                            </div>
                                            <div id="ptcbox">
                                                    info here                           
                                            </div>
                                            <div id="ptcbox">
                                                    info here                           
                                            </div>
                                            <div id="ptcbox">
                                                    info here                           
                                            </div>
                                </div>
    Code (markup):

    and the CSS file is ... please help

    /*
    Theme by Ed Zivkovic - MinisiteGear.com
    */
     
    /* begin Page */
     
    body
    {
        margin: 0 auto;
        padding: 0;
        background-color: #FFFFFF;
    }
     
    .Main
    {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }
     
     
     
     
    .PageBackgroundSimpleGradient
    {
        position: absolute;
        background-image: url('images/Page-BgSimpleGradient.jpg');
        background-repeat: repeat-x;
        top:0;
        width: 100%;
        height: 900px;
    }
     
    .cleared
    {
        float: none;
        clear: both;
        margin: 0;
        padding: 0;
        border: none;
        font-size:1px;
    }
     
     
    form
    {
        padding:0 !important;
        margin:0 !important;
    }
     
    table.position
    {
        position: relative;
        width: 100%;
        table-layout: fixed;
    }
    /* end Page */
     
    /* begin Box, Sheet */
    .Sheet
    {
        position:relative;
        z-index:0;
        margin:0 auto;
        width: 970px;
        min-width:31px;
        min-height:31px;
    }
     
    .Sheet-body
    {
        position: relative;
        z-index:1;
        padding: 8px;
    }
     
    .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl
    {
        position:absolute;
        z-index:-1;
    }
     
    .Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl
    {
        width: 58px;
        height: 58px;
        background-image: url('images/Sheet-s.png');
    }
     
    .Sheet-tl
    {
        top:0;
        left:0;
        clip: rect(auto, 29px, 29px, auto);
    }
     
    .Sheet-tr
    {
        top: 0;
        right: 0;
        clip: rect(auto, auto, 29px, 29px);
    }
     
    .Sheet-bl
    {
        bottom: 0;
        left: 0;
        clip: rect(29px, 29px, auto, auto);
    }
     
    .Sheet-br
    {
        bottom: 0;
        right: 0;
        clip: rect(29px, auto, auto, 29px);
    }
     
    .Sheet-tc, .Sheet-bc
    {
        left: 29px;
        right: 29px;
        height: 58px;
        background-image: url('images/Sheet-h.png');
    }
     
    .Sheet-tc
    {
        top: 0;
        clip: rect(auto, auto, 29px, auto);
    }
     
    .Sheet-bc
    {
        bottom: 0;
        clip: rect(29px, auto, auto, auto);
    }
     
    .Sheet-cr, .Sheet-cl
    {
        top: 29px;
        bottom: 29px;
        width: 58px;
        background-image: url('images/Sheet-v.png');
    }
     
    .Sheet-cr
    {
        right:0;
        clip: rect(auto, auto, auto, 29px);
    }
     
    .Sheet-cl
    {
        left:0;
        clip: rect(auto, 29px, auto, auto);
    }
     
    .Sheet-cc
    {
        position:absolute;
        z-index:-1;
        top: 29px;
        left: 29px;
        right: 29px;
        bottom: 29px;
        background-color: #FFFFFF;
    }
     
     
    .Sheet
    {
        margin-top: 20px !important;
    }
     
    .PageBackgroundSimpleGradient, .PageBackgroundGradient, .PageBackgroundGlare
    {
        min-width:700px;
    }
     
    /* end Box, Sheet */
     
    /* begin Header */
    div.Header
    {
        margin: 0 auto;
        position: relative;
        z-index:0;
        width: 954px;
        height: 150px;
    }
     
     
    div.Header-jpeg
    {
        position: absolute;
        z-index:-1;
        top: 0;
        left: 0;
        width: 954px;
        height: 150px;
        background-image: url('images/Header.jpg');
        background-repeat: no-repeat;
        background-position: center center;
    }
    /* end Header */
     
    /* begin Logo */
    .logo
    {
        display : block;
        position: absolute;
        left: -125px;
        top: 41px;
        width: 664px;
    }
    .banner
    {
     
    display: block;
    position: absolute;
    right: 40px;
    top: 43px;
     
     
    }
    .call2action {
    display: block;
    position: absolute;
    right:210px;
    top:105px;
     
    }
     
    h1.logo-name
    {
        display: block;
        text-align: center;
    }
     
    h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
    {
        font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
        font-size: 38px;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        padding:0;
        margin:0;
        color: #1A2C37 !important;
    }
     
    .logo-text
    {
        display: block;
        text-align: center;
    }
     
    .logo-text, .logo-text a
    {
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 19px;
        font-style: normal;
        font-weight: normal;
        padding:0;
        margin:0;
        color: #1A2C37 !important;
    }
    /* end Logo */
     
    /* begin ContentLayout */
    .contentLayout
    {
        position: relative;
        margin-bottom: 0px;
        width: 954px;
    }
    /* end ContentLayout */
     
    /* begin Box, Block */
    .Block
    {
        position:relative;
        z-index:0;
        margin:0 auto;
        min-width:1px;
        min-height:1px;
    }
     
    .Block-body
    {
        position: relative;
        z-index:1;
        padding: 0px;
    }
     
     
     
    .Block
    {
        margin: 7px;
    }
     
    /* end Box, Block */
     
    /* begin BlockHeader */
    .BlockHeader
    {
        position:relative;
        z-index:0;
        height: 30px;
        padding: 0 7px;
        margin-bottom: 0px;
    }
     
    .BlockHeader .t
    {
        height: 30px;
        color: #000000;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        white-space : nowrap;
        padding: 0 7px;
        line-height: 30px;
    }
     
    .BlockHeader .l, .BlockHeader .r
    {
        display:block;
        position:absolute;
        z-index:-1;
        height: 30px;
        background-image: url('images/BlockHeader.png');
    }
     
    .BlockHeader .l
    {
        left:0;
        right:6px;
    }
     
    .BlockHeader .r
    {
        width:684px;
        right:0;
        clip: rect(auto, auto, auto, 678px);
    }
     
     
     
     
    /* end BlockHeader */
     
    /* begin Box, BlockContent */
    .BlockContent
    {
        position:relative;
        z-index:0;
        margin:0 auto;
        min-width:15px;
        min-height:15px;
    }
     
    .BlockContent-body
    {
        position: relative;
        z-index:1;
        padding: 8px;
    }
     
    .BlockContent-tr, .BlockContent-tl, .BlockContent-br, .BlockContent-bl, .BlockContent-tc, .BlockContent-bc,.BlockContent-cr, .BlockContent-cl
    {
        position:absolute;
        z-index:-1;
    }
     
    .BlockContent-tr, .BlockContent-tl, .BlockContent-br, .BlockContent-bl
    {
        width: 14px;
        height: 14px;
        background-image: url('images/BlockContent-s.png');
    }
     
    .BlockContent-tl
    {
        top:0;
        left:0;
        clip: rect(auto, 7px, 7px, auto);
    }
     
    .BlockContent-tr
    {
        top: 0;
        right: 0;
        clip: rect(auto, auto, 7px, 7px);
    }
     
    .BlockContent-bl
    {
        bottom: 0;
        left: 0;
        clip: rect(7px, 7px, auto, auto);
    }
     
    .BlockContent-br
    {
        bottom: 0;
        right: 0;
        clip: rect(7px, auto, auto, 7px);
    }
     
    .BlockContent-tc, .BlockContent-bc
    {
        left: 7px;
        right: 7px;
        height: 14px;
        background-image: url('images/BlockContent-h.png');
    }
     
    .BlockContent-tc
    {
        top: 0;
        clip: rect(auto, auto, 7px, auto);
    }
     
    .BlockContent-bc
    {
        bottom: 0;
        clip: rect(7px, auto, auto, auto);
    }
     
    .BlockContent-cr, .BlockContent-cl
    {
        top: 7px;
        bottom: 7px;
        width: 14px;
        background-image: url('images/BlockContent-v.png');
    }
     
    .BlockContent-cr
    {
        right:0;
        clip: rect(auto, auto, auto, 7px);
    }
     
    .BlockContent-cl
    {
        left:0;
        clip: rect(auto, 7px, auto, auto);
    }
     
    .BlockContent-cc
    {
        position:absolute;
        z-index:-1;
        top: 7px;
        left: 7px;
        right: 7px;
        bottom: 7px;
        background-color: #D2E1EA;
    }
     
     
    .BlockContent-body
    {
        color:#122430;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        line-height: 150%;
    }
     
    .BlockContent-body a:link
    {
        color: #1E5076;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
    }
     
    .BlockContent-body a:visited, .BlockContent-body a.visited
    {
        color: #4388B6;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        text-decoration: underline;
    }
     
    .BlockContent-body a:hover, .BlockContent-body a.hover
    {
        color: #286B9F;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        text-decoration: none;
    }
     
    .BlockContent-body ul
    {
        list-style-type: none;
        color: #2D5C7B;
        margin:0;
        padding:0;
    }
     
    .BlockContent-body li
    {
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        text-decoration: none;
    }
     
     
    /* end Box, BlockContent */
     
    /* begin Box, Post */
    .Post
    {
        position:relative;
        z-index:0;
        margin:0 auto;
        min-width:21px;
        min-height:21px;
    }
     
    .Post-body
    {
        position: relative;
        z-index:1;
        padding: 12px;
    }
     
    .Post-tr, .Post-tl, .Post-br, .Post-bl, .Post-tc, .Post-bc,.Post-cr, .Post-cl
    {
        position:absolute;
        z-index:-1;
    }
     
    .Post-tr, .Post-tl, .Post-br, .Post-bl
    {
        width: 20px;
        height: 20px;
        background-image: url('images/Post-s.png');
    }
     
    .Post-tl
    {
        top:0;
        left:0;
        clip: rect(auto, 10px, 10px, auto);
    }
     
    .Post-tr
    {
        top: 0;
        right: 0;
        clip: rect(auto, auto, 10px, 10px);
    }
     
    .Post-bl
    {
        bottom: 0;
        left: 0;
        clip: rect(10px, 10px, auto, auto);
    }
     
    .Post-br
    {
        bottom: 0;
        right: 0;
        clip: rect(10px, auto, auto, 10px);
    }
     
    .Post-tc, .Post-bc
    {
        left: 10px;
        right: 10px;
        height: 20px;
        background-image: url('images/Post-h.png');
    }
     
    .Post-tc
    {
        top: 0;
        clip: rect(auto, auto, 10px, auto);
    }
     
    .Post-bc
    {
        bottom: 0;
        clip: rect(10px, auto, auto, auto);
    }
     
    .Post-cr, .Post-cl
    {
        top: 10px;
        bottom: 10px;
        width: 20px;
        background-image: url('images/Post-v.png');
    }
     
    .Post-cr
    {
        right:0;
        clip: rect(auto, auto, auto, 10px);
    }
     
    .Post-cl
    {
        left:0;
        clip: rect(auto, 10px, auto, auto);
    }
     
    .Post-cc
    {
        position:absolute;
        z-index:-1;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background-color: #FFFFFF;
    }
     
     
    .Post
    {
        margin: 10px;
    }
     
    /* Start images */
    a img
    {
        border: 0;
    }
     
    .article img, img.article
    {
        margin: 1em;
    }
     
    .metadata-icons img
    {
        border: none;
        vertical-align: middle;
        margin:2px;
    }
    /* Finish images */
     
    /* Start tables */
     
    .article table, table.article
    {
        border-collapse: collapse;
        margin: 1px;
        width:auto;
    }
     
    .article table, table.article .article tr, .article th, .article td
    {
        background-color:Transparent;
    }
     
    .article th, .article td
    {
        padding: 2px;
        border: solid 1px #598FB1;
        vertical-align: top;
        text-align:left;
    }
     
    .article th
    {
        text-align:center;
        vertical-align:middle;
        padding: 7px;
    }
     
    /* Finish tables */
    /* end Box, Post */
     
    /* begin PostHeaderIcon */
    .PostHeaderIcon-wrapper
    {
        text-decoration:none;
        margin: 0.2em 0;
        padding: 0;
        font-weight:normal;
        font-style:normal;
        letter-spacing:normal;
        word-spacing:normal;
        font-variant:normal;
        text-decoration:none;
        font-variant:normal;
        text-transform:none;
        text-align:left;
        text-indent:0;
        line-height:inherit;
        font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
        font-size: 22px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
        color: #081621;
    }
     
    .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
    {
        font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
        font-size: 22px;
        font-style: normal;
        font-weight: bold;
        text-align: left;
        color: #081621;
    }
     
    /* end PostHeaderIcon */
     
    /* begin PostHeader */
    .PostHeader a:link
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #1F537A;
    }
     
    .PostHeader a:visited, .PostHeader a.visited
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #295470;
    }
     
    .PostHeader a:hover, .PostHeader a.hovered
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #173F5E;
    }
    /* end PostHeader */
     
    /* begin PostContent */
    /* Content Text Font & Color (Default) */
    body
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      color: #000000;
    }
     
    .PostContent
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      text-align: left;
      line-height: 175%;
      color: #000000;
     
    }
    #ptcbox {
    /*create the neat looking boxes that the sites and banners will site in*/
    margin-top: 5px;
    margin-right: 8px;
    margin-bottom: 5px;
    margin-left: 5px;
    width: 305px;
    height: 168px;
    background-image:url('images/blue_bg.png');
    background-repeat:no-repeat;
    float: left;
     
    }
     
    #ptcbox img {
    /*resize banners for insertion*/
    width: 281px;
    height: 36px;
     
    }
     
    #ptcproof {
    position: relative;
    background: red;
    height: 45px;
    margin-top: 27px;
    border: 1px solid pink;
     
    }
     
     
    .ptc_wrapper {
     
    width:100%;
    }
     
    #ptctitle {
    background: blue;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
     
    }
     
    #ptctitle h1 {
    line-height: 105%;
    color: white;
    font-size: 18px;
    }
     
     
     
    .quote {
    display: block;
    margin: 5px 5px 0px 5px;
    background: lightgrey;
    border: 3px dashed blue;
    }
    .quote p {
    margin-left: 2px;
    }
     
    /* Start Content link style */
    /*
    The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
    http://www.w3schools.com/CSS/css_pseudo_classes.asp
    http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
    */
    a
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #0000FF;
    }
     
    /* Adds special style to an unvisited link. */
    a:link
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #0000FF;
    }
     
    /* Adds special style to a visited link. */
    a:visited, a.visited
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #204056;
    }
     
    /* :hover - adds special style to an element when you mouse over it. */
    a:hover, a.hover
    {
      font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #EE0000;
    }
     
    /* Finish Content link style */
     
    /* Resert some headings default style & links default style for links in headings*/
    h1, h2, h3, h4, h5, h6,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
    {
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
      line-height: 130%;
    }
     
     
    /* Start Content headings Fonts & Colors  */
    h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      font-size: 36px;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      color: #EE0000;
    }
     
    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      font-size: 22px;
      font-style: normal;
      font-weight: bold;
      text-align: center;
      color: #000000;
    }
     
    h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      font-size: 18px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #EE0000;
    }
     
    h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      font-size: 16px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #162D3C;
    }
     
    h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      font-size: 14px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #162D3C;
    }
     
    h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
    {
      font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
      font-size: 14px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #162D3C;
    }
    /* Finish Content headings Fonts & Colors  */
    /* end PostContent */
     
    /* begin PostBullets */
    /* Start Content list */
    ol, ul
    {
        color: #0B161E;
        margin:1em 0 1em 2em;
        padding:0;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
    }
     
    li ol, li ul
    {
        margin:0.5em 0 0.5em 2em;
        padding:0;
    }
     
    li
    {
        margin:0.2em 0;
        padding:0;
    }
     
    ul
    {
        list-style-type: none;
    }
     
    ol
    {
        list-style-position:inside;
       
    }
     
     
     
    .Post li
    {
        padding:3px 0 3px 26px;
        line-height:1.2em;
    }
     
    .Post ol li, .Post ul ol li
    {
        background: none;
        padding-left:0;
    }
     
    .Post ul li, .Post ol ul li
    {
        background-image: url('images/PostBullets.png');
        background-repeat:no-repeat;
        padding-left:26px;
    }
     
     
    /* Finish Content list */
    /* end PostBullets */
     
    /* begin PostQuote */
    /* Start blockquote */
    blockquote p
    {
        color:#0B1318;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-style: normal;
        font-weight: normal;
        text-align: left;
    }
     
    blockquote
    {
            border:dashed 3px #EE0000;
            margin:10px 10px 10px 50px;
        padding:5px 5px 5px 28px;
        background-color:#E7EFF4;
        background-image:url('images/PostQuote.png');
        background-position:left top;
        background-repeat:no-repeat;
    }
     
     
     
     
    /* Finish blockuote */
    /* end PostQuote */
     
    /* begin Button */
    .Button
    {
        display:inline-block;
        width: auto;
        outline:none;
        border:none;
        background:none;
        line-height:32px;
        margin:0;
        padding:0;
        overflow: visible;
        cursor: default;
        text-decoration: none !important;
        z-index:0;
    }
     
    .Button .btn
    {
        display:block;
        position:relative;
        float:left;
        height: 32px;
        overflow:hidden;
        white-space: nowrap;
        width: auto;
        color: #1C4A6E;
    }
     
    .Button .btn .t
    {
        display:block;
        height: 32px;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
        padding: 0 16px;
        line-height: 32px;
        text-decoration: none !important;
    }
     
    input, select
    {
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
    }
     
    .Button .hover, .Button:hover
    {
        color: #EEF3F7;
        text-decoration: none !important;
    }
     
    .Button .active
    {
        color: #F0F6F9;
    }
     
    .Button .btn .l, .Button .btn .r
    {
        display:block;
        position:absolute;
        z-index:-1;
        height: 96px;
        background-image: url('images/Button.png');
    }
     
    .Button .btn .l
    {
        left:0;
        right:17px;
    }
     
    .Button .btn .r
    {
        width:423px;
        right:0;
        clip: rect(auto, auto, auto, 406px);
    }
     
    .Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
    {
        top: -32px;
    }
     
    .Button .btn.active .l, .Button .btn.active .r
    {
        top: -64px;
    }
     
     
    /* end Button */
     
    /* begin Footer */
    .Footer
    {
        position:relative;
        z-index:0;
        overflow:hidden;
        width: 954px;
        margin: 5px auto 0px auto;
    }
     
    .Footer .Footer-inner
    {
        height:1%;
        position: relative;
        z-index: 0;
        padding: 20px;
        text-align: center;
    }
     
    .Footer .Footer-background
    {
        position:absolute;
        z-index:-1;
        background-repeat:no-repeat;
        background-image: url('images/Footer2.png');
        width: 954px;
        height: 150px;
        bottom:0;
        left:0;
    }
     
     
    .Footer .Footer-text p
    {
        margin: 0;
    }
     
    .Footer .Footer-text
    {
        display:inline-block;
        color:#173F5E;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
    }
     
    .Footer .Footer-text a:link
    {
        text-decoration: none;
        color: #1E5076;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        text-decoration: none;
    }
     
    .Footer .Footer-text a:visited
    {
        text-decoration: none;
        color: #366D91;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        text-decoration: none;
    }
     
    .Footer .Footer-text a:hover
    {
        text-decoration: none;
        color: #286B9F;
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        text-decoration: none;
    }
    /* end Footer */
     
    /* begin PageFooter */
    .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
    {
        font-family:Verdana;
        font-size:10px;
        letter-spacing:normal;
        word-spacing:normal;
        font-style:normal;
        font-weight:normal;
        text-decoration:none;
        color:#80B0D0;
    }
     
    .new
    {
        color:#74AFDC;
    }
     
    .page-footer
    {
        margin:1em;
        text-align:center;
        text-decoration:none;
        color:#80B0D0;
    }
     
    .warning
    {
        color:#FF0000;
    }
     
    .plrwebdesign
    {
        margin:15px 15px 15px 50px;
        padding:12px;
    }
    /* end PageFooter */
     
    /* begin LayoutCell */
    /*ADHITZ DIV CONTAINER*/
    #adhitzleft {
    display: table;
    margin-left: 4px;
    margin-top: 5px;
    border: 1px solid red;
    width: 468px;
    float:left;
     
     
    }
     
    #adhitzright {
    display: table;
    margin-right: 4px;
    margin-top: 5px;
    border: 1px solid red;
    width: 468px;
    float: right;
     
     
     
    }
     
    /*END ADHITZ*/
     
    .contentLayout .content
    {
        position: relative;
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
        overflow: hidden;
        width: 954px;
    }
    /* end LayoutCell */
     
     
    
    Code (markup):
     

    Attached Files:

    solidsoul2010, Feb 5, 2014 IP
  2. mokah

    mokah Active Member

    Messages:
    88
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    65
    #2
    god. that visual aid just gave me visual aids.
     
    mokah, Feb 5, 2014 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #3
    I can't quite make sense of what you are trying to do -- what with the table for nothing, endless pointless DIV for nothing, little if anything resembling content to say what the proper markup should be, or the blurry image that appears to be what I would probably call a "not viable for web deployment" design concept in terms of the equal-width equal-height boxes... at least if you care whatsoever about building a proper layout that is semi-fluid, elastic AND responsive.

    I mean, the div for nothing around the h1, table for nothing around the banner gif (that I'm not even sure belongs on the page)... and a sticky bottom aligned? Unless you can fix it's height or are willing to throw fifteen years of progress out the window by using tables for layout -- it's unlikely you're gonna have much luck...

    THOUGH, to be lined up as shown they'd pretty much HAVE to be tables for layout or have their height fixed, BOTH of which piss on accessible design unless the content is something like a fixed image... and even then it's not the type of thing one puts on a website if you understand accessibility norms.
     
    deathshadow, Feb 5, 2014 IP
  4. Kristinlynnxo

    Kristinlynnxo Member

    Messages:
    12
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    33
    #4
    Can you show a screenshot of the problem as well? In your CSS file, try messing with line 799
     
    Kristinlynnxo, Feb 6, 2014 IP
  5. SitePortal

    SitePortal Greenhorn

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #5
    Can you show us the page ?
    Or if you're working offline, just upload it on any host.
     
    SitePortal, Feb 15, 2014 IP