Viewing 5 replies - 1 through 5 (of 5 total)
  • Do you have css knowledge so we can explain this to you in code ? if yes:
    html for footer

    <div id="footercontainer">
    <div id="footercontent">
    // footer code here
    </div>
    </div>

    CSS:

    #footercontainer{width:100%;background:red;}
    #footercontent{width:800px;margin:0 auto;}

    [edit] Degamer was faster than me.

    Thread Starter Trajko

    (@trajko)

    Thank you for your fast response. I’m not really CSS savvy. So, I need to put…

    <div id=”footercontainer”>
    <div id=”footercontent”>
    // footer code here
    </div>
    </div>

    to footer.php

    and put…

    #footercontainer{width:100%;background:red;}
    #footercontent{width:800px;margin:0 auto;}

    to style.css?

    Yeah. But make sure you dont put the div’s around the </body> tag. Else your website wont work anymore.

    Thread Starter Trajko

    (@trajko)

    I did like you said degamer12 but it seems that I don’t have that desired look like on autorespondermadness.com

    Here’s my footer.php…

    <div id=”footercontainer”>
    <div id=”footercontent”>

    </div>
    <div class=”Sheet-tl”></div>
    <div class=”Sheet-tr”><div></div></div>
    <div class=”Sheet-bl”><div></div></div>
    <div class=”Sheet-br”><div></div></div>
    <div class=”Sheet-tc”><div></div></div>
    <div class=”Sheet-bc”><div></div></div>
    <div class=”Sheet-cl”><div></div></div>
    <div class=”Sheet-cr”><div></div></div>
    <div class=”Sheet-cc”></div>
    </div>

    <div id=”footer”>
    <p>Copyright © <?php echo date(‘Y’);?> <?php bloginfo(‘name’);?>. Search Engine Optimization by Star Nine. Distributed by WordPress Themes</p>
    </div>
    </div>

    </body>
    </html>
    </div>
    </div>

    and here’s my style.css

    /*
    Theme Name: Famousspeech
    Description: Famousspeech, wpthemeland-generated WordPress theme.
    Version: 1.0
    Author: wpthemeland
    Author URI: https://wpthemeland.com/
    Tags: fixed width, one column, valid XHTML, widgets
    */

    /* begin Page */

    body
    {
    margin: 0 auto;
    padding: 0;
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    background-color: #EBBD7F;
    background-image: url(‘images/Page-BgTexture.png’);
    background-repeat: repeat;
    color: #000000;
    }

    h2
    {
    font-size: 18px;
    }

    .Main
    {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    }
    .PageBackgroundGradient
    {
    background-image: url(‘images/Page-BgGradient.png’);
    background-repeat: repeat-x;
    height: 331px;
    }

    table, th, td
    {
    font-size: 1em;
    padding: 0;
    border-collapse: collapse;
    }

    a img
    {
    border: 0;
    }

    a
    {
    color: #832121;
    }

    a:link
    {
    color: #832121;
    }

    a:visited
    {
    color: #2B2B2B;
    }

    a:hover
    {
    color: #240000;
    }
    /* end Page */

    /* begin Box, Sheet */
    .Sheet
    {
    min-width:13px;
    min-height:13px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: 800px;

    }

    * html .Sheet
    {
    width:expression(this.offsetWidth < 13 ? 13+”px” : “auto !important”);
    height:expression(this.offsetHeight < 13 ? 13+”px” : “auto !important”);

    width: 800px;
    zoom: 1;
    }

    .Sheet-body
    {
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 6px;
    text-align: left;
    }

    .Sheet-tl
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url(‘images/Sheet-s.png’);
    }

    * html .Sheet-tl
    {
    font-size: 1px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Sheet-s.png’,sizingMethod=’crop’)”);
    }

    .Sheet-tr
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    }

    * html .Sheet-tr
    {
    font-size: 1px;
    left: expression(this.parentNode.offsetWidth-16+’px’);
    }

    .Sheet-tr div
    {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -16px;
    width: 32px;
    height: 32px;
    background-image: url(‘images/Sheet-s.png’);
    }

    * html .Sheet-tr div
    {
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Sheet-s.png’,sizingMethod=’crop’)”);
    }

    .Sheet-bl
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    }

    * html .Sheet-bl
    {
    font-size: 1px;
    top: expression(this.parentNode.offsetHeight-16+’px’);
    }

    .Sheet-bl div
    {
    position: absolute;
    z-index: -1;
    top: -16px;
    left: 0;
    width: 32px;
    height: 32px;
    background-image: url(‘images/Sheet-s.png’);
    }

    * html .Sheet-bl div
    {
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Sheet-s.png’,sizingMethod=’crop’)”);
    }

    .Sheet-br
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    }

    * html .Sheet-br
    {
    font-size: 1px;
    top: expression(this.parentNode.offsetHeight-16+’px’);
    left: expression(this.parentNode.offsetWidth-16+’px’);
    }

    .Sheet-br div
    {
    position: absolute;
    z-index: -1;
    top: -16px;
    left: -16px;
    width: 32px;
    height: 32px;
    background-image: url(‘images/Sheet-s.png’);
    }

    * html .Sheet-br div
    {
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Sheet-s.png’,sizingMethod=’crop’)”);
    }

    .Sheet-tc
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 0;
    left: 16px;
    right: 16px;
    height: 16px;
    }

    * html .Sheet-tc
    {
    font-size: 1px;
    width: expression(this.parentNode.offsetWidth-32+’px’);
    }

    .Sheet-tc div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    background-image: url(‘images/Sheet-h.png’);
    }

    * html .Sheet-tc div
    {
    font-size: 1px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Sheet-h.png’,sizingMethod=’scale’)”);
    }

    .Sheet-bc
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 16px;
    }

    * html .Sheet-bc
    {
    font-size: 1px;
    top: expression(this.parentNode.offsetHeight-16+’px’);
    width: expression(this.parentNode.offsetWidth-32+’px’);
    }

    .Sheet-bc div
    {
    position: absolute;
    z-index: -1;
    top: -16px;
    left: 0;
    width: 100%;
    height: 32px;
    background-image: url(‘images/Sheet-h.png’);
    }

    * html .Sheet-bc div
    {
    font-size: 1px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Sheet-h.png’,sizingMethod=’scale’)”);
    }

    .Sheet-cl
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 16px;
    left: 0;
    width: 16px;
    bottom: 16px;
    }

    * html .Sheet-cl
    {
    font-size: 1px;
    height: expression(this.parentNode.offsetHeight-32+’px’);
    }

    .Sheet-cl div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 32px;
    height: 100%;
    background-image: url(‘images/Sheet-v.png’);
    }

    * html .Sheet-cl div
    {
    font-size: 1px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Sheet-v.png’,sizingMethod=’scale’)”);
    }

    .Sheet-cr
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 16px;
    right: 0;
    width: 16px;
    bottom: 16px;
    }

    * html .Sheet-cr
    {
    font-size: 1px;
    left: expression(this.parentNode.offsetWidth-16+’px’);
    height: expression(this.parentNode.offsetHeight-32+’px’);
    }

    .Sheet-cr div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -16px;
    width: 32px;
    height: 100%;
    background-image: url(‘images/Sheet-v.png’);
    }

    * html .Sheet-cr div
    {
    font-size: 1px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Sheet-v.png’,sizingMethod=’scale’)”);
    }

    .Sheet-cc
    {
    position: absolute;
    overflow:hidden;
    z-index: -2;
    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 16px;
    background-color: #FFFFFF;
    }

    * html .Sheet-cc
    {
    font-size: 1px;
    width: expression(this.parentNode.offsetWidth-32+’px’);
    height: expression(this.parentNode.offsetHeight-32+’px’);
    }
    .Sheet
    {
    margin-top: 0px !important;
    margin-bottom: 3em;
    padding: 0 0 1em 0;
    }
    /* end Box, Sheet */

    /* begin Header */
    div.Header
    {
    margin: 0 auto;
    position: relative;
    width: 788px;
    height: 250px;
    }

    * html div.Header
    {
    font-size: 1px;
    }

    div.Header div
    {
    width: 100%;
    height: 100%;
    background-image: url(‘images/Header.jpg’);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: left;
    }
    /* end Header */

    /* begin Logo */
    .logo
    {
    position: relative;
    left: 24px;
    top: 144px;
    }

    .logo td
    {
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
    }

    .logo-name
    {
    font-size: 36px;
    font-family: Trebuchet MS;
    font-style: normal;
    font-weight: bold;
    }

    .logo-name a
    {
    text-decoration: none;
    color: #DE912B !important;
    }

    .logo-text
    {
    font-size: 31px;
    font-family: Trebuchet MS;
    font-style: normal;
    font-weight: normal;
    color: #DE912B !important;
    }
    /* end Logo */

    /* begin Menu */
    .menu, .menu ul
    {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
    }

    .menu li
    {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    }

    .menu li:hover
    {
    z-index: 10000;
    white-space: normal;
    }

    .menu li li
    {
    float: none;
    }

    .menu ul
    {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    }

    .menu li:hover>ul
    {
    visibility: visible;
    top: 100%;
    }

    .menu li li:hover>ul
    {
    top: 0;
    left: 100%;
    }

    .menu:after, .menu ul:after
    {
    content: “.”;
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
    }
    .menu, .menu ul
    {
    min-height: 0;
    }

    .menu ul
    {
    background-image: url(images/spacer.gif);
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
    }

    .menu ul ul
    {
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
    }

    * html .menu, * html .menu ul
    {
    height: 1%;
    }

    * html .menu li.menuhover
    {
    z-index: 10000;
    }

    * html .menu .menuhoverUL
    {
    visibility: visible;
    }

    * html .menu .menuhoverUL
    {
    top: 100%;
    left: 0;
    }

    * html .menu .menuhoverUL .menuhoverUL
    {
    top: 0;
    left: 100%;
    }

    * html .menu ul a
    {
    height: 1%;
    }

    * html .menu li li
    {
    float: left;
    width: 100%;
    }

    * html .menu .menuhoverUL .menuhoverUL
    {
    top: 5px;
    left: 100%;
    }

    * html .menu, * html .menu ul
    {
    height: 1%;
    }

    * html .menu li.menuhover
    {
    z-index: 10000;
    }

    * html .menu .menuhoverUL
    {
    visibility: visible;
    }

    * html .menu .menuhoverUL
    {
    top: 100%;
    left: 0;
    }

    * html .menu .menuhoverUL .menuhoverUL
    {
    top: 0;
    left: 100%;
    }

    * html .menu ul a
    {
    height: 1%;
    }

    * html .menu li li
    {
    float: left;
    width: 100%;
    }
    .nav
    {
    position: relative;
    margin: 0 auto;
    width: 788px;
    height: 31px;
    z-index: 100;
    }

    .menu
    {
    padding: 0px 0px 0px 0px;
    }

    * html .nav
    {
    zoom: 1;
    }

    .nav .l, .nav .r, .nav .r div
    {
    top: 0;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    height: 31px;
    }

    .nav .l
    {
    left: 0;
    right: 0px;
    }

    * html .nav .l
    {
    width: expression(this.parentNode.offsetWidth-0+’px’);
    }

    .nav .r
    {
    right: 0;
    width: 0px;
    }

    * html .nav .r
    {
    left: expression(this.parentNode.offsetWidth-0+’px’);
    }

    .nav .r div
    {
    width: 788px;
    right: 0;
    }

    * html .nav .r div
    {
    left: expression(this.parentNode.offsetWidth-788+’px’);
    }

    .nav .l, .nav .r div
    {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(‘images/nav.png’);
    }

    * html .nav .l, * html .nav .r div
    {
    font-size: 1px;
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/nav.png’,sizingMethod=’crop’)”);
    }
    /* end Menu */

    /* begin MenuItem */
    .menu ul li
    {
    clear: both;
    }

    .menu a , .menu a span
    {
    height: 31px;
    display: block;
    }

    * html .menu a , * html .menu a span
    {
    float: left;
    }

    .menu a
    {
    cursor: pointer;
    text-decoration: none;
    margin-right: 0px;
    margin-left: 0px;

    }
    .menu a span span
    {
    font-family: ‘Trebuchet MS’;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #454545;
    padding: 0 22px;
    margin: 0 0px;
    line-height: 31px;
    text-align: center;
    background-image: url(‘images/item-center.png’);
    background-position: left top;
    background-repeat: repeat-x;

    }

    * html .menu a span span
    {
    display: inline;
    }

    .menu a:hover span span
    {
    color: #1A1A1A;
    background-position: left -31px;
    }

    .menu li:hover a span span
    {
    color: #1A1A1A;
    background-position: left -31px;
    }

    * html .menu .menuhover .menuhoverA span span
    {
    color: #1A1A1A;
    background-position: left -31px;
    }

    /* end MenuItem */

    /* begin ContentLayout */
    .contentLayout
    {
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    }/* end ContentLayout */

    /* begin Button */
    button.Button, a.Button
    {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
    display: inline-block;
    overflow: visible;
    width: auto;
    cursor: default;
    white-space: normal;
    text-decoration: none;
    }

    .Button .btn
    {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    z-index: 0;
    height: 25px;
    color: #FFFFFF;
    }

    .Button .t
    {
    height: 25px;
    line-height: 25px;
    padding: 0 9px;
    text-align: left;
    font-family: ‘Arial’;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    }

    .Button .active
    {
    color: #1F1F1F;
    }

    .Button .hover
    {
    color: #5E1717;
    }

    .Button .active .r
    {
    top: -50px;
    }

    .Button .hover .r
    {
    top: -25px;
    }

    .Button .r
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width: 3px;
    height: 75px;
    }

    * html .Button .r
    {
    font-size: 1px;
    left: expression(this.parentNode.offsetWidth-3+’px’);
    }

    .Button .r span
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width:403px;
    height: 75px;
    }

    * html .Button .r span
    {
    font-size: 1px;
    left: expression(this.parentNode.offsetWidth-403+’px’);
    }

    .Button .active .l
    {
    top: -50px;
    }

    .Button .hover .l
    {
    top: -25px;
    }

    .Button .l
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    right: 3px;
    height: 75px;
    }

    * html .Button .l
    {
    font-size: 1px;
    width: expression(this.parentNode.offsetWidth-3+’px’);
    }

    .Button .l, .Button .r span
    {
    background-image: url(‘images/Button.png’);
    }

    * html .Button .l, * html .Button .r span
    {
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/Button.png’,sizingMethod=’crop’)”);
    }
    /* end Button */

    /* begin Box, Block */
    .Block
    {
    min-width:1px;
    min-height:1px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;

    }

    * html .Block
    {
    width:expression(this.offsetWidth < 1 ? 1+”px” : “auto !important”);
    height:expression(this.offsetHeight < 1 ? 1+”px” : “auto !important”);

    zoom: 1;
    }

    .Block-body
    {
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 0px;
    text-align: left;
    }

    .Block
    {
    margin: 10px;
    }

    .Block table.table
    {
    border-collapse: collapse;
    margin: 1px;
    }

    .Block table.table th, .Block table.table td
    {
    padding: 2px;
    border: solid 1px #C4A67F;
    }
    /* end Box, Block */

    /* begin BlockHeader */
    .BlockHeader
    {
    position: relative;
    overflow: hidden;
    height: 30px;
    z-index: 0;
    line-height: 30px;
    padding: 0 8px;
    margin-bottom: 15px;
    text-align: left;
    color: #000000;
    font-family: ‘Trebuchet MS’;
    font-size: 15px;
    font-weight: Bold;
    font-style: normal;
    text-decoration: none;
    }

    * html .BlockHeader
    {
    zoom: 1;
    }

    .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
    {
    top: 0;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    height: 30px;
    }

    .BlockHeader .l
    {
    left: 0;
    right: 11px;
    }

    * html .BlockHeader .l
    {
    width: expression(this.parentNode.offsetWidth-11+’px’);
    }

    .BlockHeader .r
    {
    right: 0;
    width: 11px;
    }

    * html .BlockHeader .r
    {
    left: expression(this.parentNode.offsetWidth-11+’px’);
    }

    .BlockHeader .r div
    {
    width: 788px;
    right: 0;
    }

    * html .BlockHeader .r div
    {
    left: expression(this.parentNode.offsetWidth-788+’px’);
    }

    * html .BlockHeader .l, * html .BlockHeader .r div
    {
    font-size: 1px;
    }

    .BlockHeader .l, .BlockHeader .r div
    {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(‘images/BlockHeader.png’);
    }

    * html .BlockHeader .l, * html .BlockHeader .r div
    {
    background: none;
    behavior: expression(this.runtimeStyle.filter?”:this.runtimeStyle.filter=”progid:DXImageTransform.Microsoft.AlphaImageLoader(src='” + (function(){var t=document.getElementsByTagName(‘link’);for(var

    i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace(‘style.css’,”);}return ”;})()+”images/BlockHeader.png’,sizingMethod=’crop’)”);
    }
    /* end BlockHeader */

    /* begin Box, BlockContent */
    .BlockContent
    {
    min-width:1px;
    min-height:1px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;

    }

    * html .BlockContent
    {
    width:expression(this.offsetWidth < 1 ? 1+”px” : “auto !important”);
    height:expression(this.offsetHeight < 1 ? 1+”px” : “auto !important”);

    zoom: 1;
    }

    .BlockContent-body
    {
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 7px;
    text-align: left;
    color: #4A4A4A;
    font-family: ‘Trebuchet MS’;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    }

    .BlockContent a
    {
    color: #CB2020;
    }
    .BlockContent a:link
    {
    color: #CB2020;
    }

    .BlockContent a:hover
    {
    color: #E81111;
    }
    .BlockContent a:hover:visited
    {
    color: #E81111;
    }

    .BlockContent a:visited
    {
    color: #5E5E5E;
    }

    /* end Box, BlockContent */

    /* begin LayoutCell */
    .contentLayout .content
    {
    position: relative;
    margin:0;
    padding:0;
    border:0;
    float: left;
    overflow: hidden;
    width: 99%;
    }
    /* end LayoutCell */

    .sidebar1 ul, .sidebar2 ul, .sidebar3 ul
    {
    list-style: none;
    padding:0;
    margin:0;
    }

    .sidebar1 ul ul, .sidebar2 ul ul, .sidebar3 ul ul
    {
    padding:0 0 0 10px;
    }

    #footer
    #footercontainer{width:100%;background:red;}
    #footercontent{width:800px;margin:0 auto;}
    {
    text-align: center;
    }

    .post h2 a
    {
    text-decoration: none;
    }

    .aligncenter, div.aligncenter
    {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft
    {
    float: left;
    }

    .alignright
    {
    float: right;
    }

    .wp-caption
    {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    }

    .wp-caption img
    {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text
    {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    .commentlist li .avatar
    {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

    #commentform textarea
    {
    width: 100%;
    padding: 2px;
    }

    .hidden
    {
    display: none;
    }

    /* Calendar */
    #wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar a {
    display: block;
    }

    #wp-calendar caption {
    text-align: center;
    width: 100%;
    }

    #wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to have a footer like this…?’ is closed to new replies.