CSS NOT CENTERING

  • I;m not sure what’s going on. My website displays correctly in all browsers, but not IE, of course. Any ideas what the fix/hack is to make it work? The Stylesheet is below. https://englewoodlandscapes.com

    /*
    Theme Name: Trendy
    Theme URI: https://www.makequick.com
    Version: 1.0
    Description: 2 Column theme
    Author: Make Quick
    Author URI: https://www.makequick.com
    */

    /* Links */

    a:link { text-decoration: none; color: #2F3D5E; }

    a:visited { text-decoration: none; color: #2F3D5E; }

    a:hover, a:active { color: #666699; }

    /* Headings */

    h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, Serif; font-weight: normal; margin: 20px 0 10px; }

    h1 { font-size: 24px; margin-bottom: 0px; margin-top: 10px;}

    h2 { font-size: 20px; }

    h3 { font-size: 18px; }

    h4, h5, h6 { font-size: 18px; }

    /* Other Html Elements */
    .titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
    .titles a:link, .titles a:visited, .titles a:active {
    text-decoration: none;
    underline: none;
    font-size: 24px;
    font-weight: normal;
    border-bottom-width: 0;
    }

    pre, blockquote
    {
    overflow: auto;
    padding: 0 10px;
    margin: 20px 30px;
    line-height: 1.8em;
    background-color: #B2DBB3;
    border: 1px solid #ffffff;
    }

    pre:hover, blockquote:hover
    {
    background-color: #B2DBB3;
    border: 1px solid #ffffff;
    }

    pre { padding-top: 10px; padding-bottom: 10px; }

    code { color: #779900; font-family: Consolas, Verdana, Sans-Serif; }

    ul, ol { line-height: 2.0em; }

    ul { list-style-image: url(images/bullet.gif); }

    abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

    del { text-decoration: line-through; color: #999999; }

    ins { text-decoration: none; color: #009977; }

    /* Structure */

    body
    {
    margin-left: auto;
    margin-right: auto;
    margin: 0;
    padding: 0;
    color: #222222;
    background-image: url(images/bg.gif);
    background-repeat: repeat-y;
    background-position: center;
    background-color: #93B9A6;
    font: normal 76% “Trebuchet MS”, “Lucida Grande”, Verdana, Georgia, Sans-Serif;
    }

    #wrapper2 {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
    }
    #header
    {
    float: left;
    width: 768px;
    clear: right;
    background: url(images/header.swf);
    background-repeat: no-repeat;
    background-position: left;
    height: 350px;
    }

    #wrapper
    {
    clear: both;
    float: center;
    width: 760px;
    color: #5c8c478;
    background: #cef4d8;
    }

    #content-wrapper
    {
    width: 65%;
    float: center;
    }

    #content
    {
    float: left;
    padding: 0 0px 10px 30px;
    }

    #sidebar-wrapper
    {
    width: 35%;
    float: right;
    }

    #sidebar
    {
    float: right;
    padding: 20px 15px 10px 10px;
    width: 210px;
    background-color: #BADDC3;
    border: 1px solid #ffffff;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 15px;
    }

    #footer
    {
    clear: both;
    float: left;
    width: 740px;
    text-align: left;
    padding-left: 20px;
    background: #BADDC3;
    color: #003300;
    font-size: 11px;
    }

    #footer a {
    color: #003300;
    font-size: 11px;
    }

    #footer a: visited {
    color: #003300;
    }
    #footer a:hover {
    color: #993019;
    border-bottom: 1px dashed #E18A77;
    }
    #extras
    {
    float: left;
    width: 780px;
    color: #444444;
    text-align: left;
    padding: 0 10px 10px;
    margin: 10px 12px 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    }

    /* Header */

    #header h1 { padding-left: 30px; float: left; clear: both; margin-top: 5px;}

    /* Navigation */

    #navigation3 {
    background: url(images/nav-bg.gif);
    height: 35px;
    width: 100%;
    float: left;
    }

    #navigation3 ul { font-family: Georgia, Times, Serif; font-variant: small-caps; list-style-type: none; list-style-image: none; float: center; padding: 0px 25px 0px 25px; margin-top: -0px; }

    #navigation3 li { float: left; }

    #navigation3 li a:link,
    #navigation3 li a:visited
    {
    float: center;
    color: #ffffff;
    display: block;
    display: inline;
    padding-left: 18px;
    padding-top: 8px;
    margin-right: 18px;
    height: 30px;
    font-size: 14px;
    }

    #navigation3 li a:hover,
    #navigation3 li a:active
    {
    color: #666699;
    font-size: 14px;

    }

    #navigation3 li.active a
    {
    color: #425C36;

    }

    /* Wrapper */

    #wrapper a:link { font-weight: bold; }

    #wrapper a:visited { font-weight: bold; }

    #wrapper a:hover, #wrapper a:active { }

    /* Content */

    #content .post-title a { border-bottom-width: 0; }

    #content .post p.img { float: left; margin: 0 15px 0 0; }

    #content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

    #content .post-footer
    {
    font-size: 90%;
    color: #425C36;
    margin-bottom: 5px;
    padding:5px 5px 5px 15px;
    background-repeat: none;
    background-color: #5c8c47;
    border: 1px solid #ffffff;
    }

    /* Sidebar */

    .sideblock
    {
    padding: 5px 10px;
    margin-bottom: 20px;
    }

    .sideblock ul { }

    .sideblock h3 { margin-top: 5px; font-size: 14px; color: #2F3D5E; font-weight: bold; }

    #sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }

    #sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }

    #sidebar dd a:link { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none;}

    #sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }

    #sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}

    /* Extras */

    #extras h6 { font-size: 14px; text-transform: uppercase; color: #425C36; }

    #friends
    {
    float: left;
    width: 150px;
    margin-left: 20px;
    margin-right: 10px;
    }

    #links
    {
    float: left;
    width: 275px;
    margin-right: 50px;
    }

    #about
    {
    float: left;
    width: 250px;
    margin-right: 20px;
    }

    #friends ul { padding-left: 20px; }

    #links dl, #links dt, #links dd { margin: 0; padding: 0; }

    #links dt { font-weight: bold; padding-top: 5px; }

    #links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }

    /* Comments Styling */
    #commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
    }

    #commentform {
    margin: 1em 0;
    background: #ADAA7C;
    width: 280px;
    }

    #commentform textarea {
    background: #C8C59F;
    border: 1px solid #A3A06F;
    width: 280px;
    }
    #commentform textarea:hover {
    background: #C3C09A;
    border: 1px solid #A3A06F;
    }
    #commentform textarea:focus {
    background: #ADAA7C;
    border: 1px solid #A3A06F;
    }

    #commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #C8C59F;
    border: 1px solid #A3A06F;
    width: 280px;
    }
    #commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
    font-size: 1.1em;
    background: #C3C09A;
    border: 1px solid #A3A06F;
    width: 280px;
    }
    #commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
    font-size: 1.1em;
    background: #ADAA7C;
    border: 1px solid #A3A06F;
    width: 280px;
    }
    #commentform input{
    margin-bottom: 3px;
    }

    .date {
    background: url(images/date.gif) no-repeat;
    height: 54px;
    margin-bottom: 0px;
    width: 54px;
    text-align: center;
    float: left;
    margin-top: 15px;
    }
    .date .month {
    display: block;
    color: #C1BE97;
    padding: 2px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 4px;
    font-weight: bold;
    }
    .date .day {
    display: block;
    color: #7A7A93;
    font: 2.3em Georgia;
    padding-top: 0px;
    text-align: center;
    margin-top: -8px;
    }

    #left {
    width: 60px;
    float: left;
    }

    .slogan {
    font-size: 13px;
    color: #BAA085;
    text-transform: lowercase;
    margin-right: 30px;
    margin-bottom: 2px;
    float: right;

    }

Viewing 2 replies - 1 through 2 (of 2 total)

  • There’s a weird character at the top of your header.php

    ?a? It’s right above the doctype.

    Not sure what it’s doing there, but maybe it shouldn’t be there.

    In your style sheet try adding

    body {text-align:center;}

    and then in the #wrapper2 {text-align:left;}

    Thread Starter atkinson

    (@atkinson)

    I can’t find those characters at all. There’s nothing before the doctype. I’ve examined header.php, index.php and style.css with a fine-toothed comb. Any help would be greatly appreciated.

    The styles seemed to help, but it’s still a little off. Thanks for the suggestion.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS NOT CENTERING’ is closed to new replies.