Css problem margin auto, width.

Discussion in 'HTML & Website Design' started by Scubasjl, Oct 25, 2009.

  1. #1
    Was working on a site today and notice that in IE 8 that my header was not being properly centered, but was working perfect in FF.

    Here is the css code, but the site is http://theclearancebox.com/

    #headercenter {
    margin-left: auto;
    margin-right: auto;
    width: 571px;
     }
    
    .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
    .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
    .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
    .productsNotifications { background: #f2fff7; }
    .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
    
    BODY {
      background: #ffffff;
      color: #000000;
      margin: 0px;
    }
    
    A {
      color: #000000;
      text-decoration: none;
    }
    
    A:hover {
      color: #AABBDD;
      text-decoration: underline;
    }
    
    FORM {
    	display: inline;
    }
    
    TR.header {
      background: #ffffff;
    }
    
    TR.headerNavigation {
      background: #bbc3d3;
    }
    
    TD.headerNavigation {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
      background: #bbc3d3;
      color: #ffffff;
      font-weight : bold;
    }
    
    A.headerNavigation { 
      color: #FFFFFF; 
    }
    
    A.headerNavigation:hover {
      color: #ffffff;
    }
    
    TR.headerError {
      background: #ff0000;
    }
    
    TD.headerError {
      font-family: Tahoma, Verdana, Arial, sans-serif;
      font-size: 12px;
      background: #ff0000;
      color: #ffffff;
      font-weight : bold;
      text-align : center;
    }
    
    TR.headerInfo {
      background: #00ff00;
    }
    
    TD.headerInfo {
      font-family: Tahoma, Verdana, Arial, sans-serif;
      font-size: 12px;
      background: #00ff00;
      color: #ffffff;
      font-weight: bold;
      text-align: center;
    }
    
    TR.footer {
      background: #bbc3d3;
    }
    
    TD.footer {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
      background: #bbc3d3;
      color: #ffffff;
      font-weight: bold;
    }
    
    .infoBox {
      background: #b6b7cb;
    }
    
    .infoBoxContents {
      background: #f8f8f9;
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
    
    .infoBoxNotice {
      background: #FF8E90;
    }
    
    .infoBoxNoticeContents {
      background: #FFE6E6;
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
    
    TD.infoBoxHeading {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
      font-weight: bold;
      background: #bbc3d3;
      color: #ffffff;
    }
    
    TD.infoBox, SPAN.infoBox {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
    
    TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
      background: #f8f8f9;
    }
    
    TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
      background: #f8f8f9;
    }
    
    TABLE.productListing {
      border: 1px;
      border-style: solid;
      border-color: #b6b7cb;
      border-spacing: 1px;
    }
    
    .productListing-heading {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
      background: #b6b7cb;
      color: #FFFFFF;
      font-weight: bold;
    }
    
    TD.productListing-data {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
    
    A.pageResults {
      color: #0000FF;
    }
    
    A.pageResults:hover {
      color: #0000FF;
      background: #FFFF33;
    }
    
    TD.pageHeading, DIV.pageHeading {
      font-family: Verdana, Arial, sans-serif;
      font-size: 20px;
      font-weight: bold;
      color: #9a9a9a;
    }
    
    TR.subBar {
      background: #f4f7fd;
    }
    
    TD.subBar {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
      color: #000000;
    }
    
    TD.main, P.main {
      font-family: Verdana, Arial, sans-serif;
      font-size: 11px;
      line-height: 1.5;
    }
    
    TD.smallText, SPAN.smallText, P.smallText {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
    
    TD.accountCategory {
      font-family: Verdana, Arial, sans-serif;
      font-size: 13px;
      color: #aabbdd;
    }
    
    TD.fieldKey {
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
    }
    
    TD.fieldValue {
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
    }
    
    TD.tableHeading {
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
    }
    
    SPAN.newItemInCart {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
      color: #ff0000;
    }
    
    CHECKBOX, INPUT, RADIO, SELECT {
      font-family: Verdana, Arial, sans-serif;
      font-size: 11px;
    }
    
    TEXTAREA {
      width: 100%;
      font-family: Verdana, Arial, sans-serif;
      font-size: 11px;
    }
    
    SPAN.greetUser {
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
      color: #f0a480;
      font-weight: bold;
    }
    
    TABLE.formArea {
      background: #f1f9fe;
      border-color: #7b9ebd;
      border-style: solid;
      border-width: 1px;
    }
    
    TD.formAreaTitle {
      font-family: Tahoma, Verdana, Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
    }
    
    SPAN.markProductOutOfStock {
      font-family: Tahoma, Verdana, Arial, sans-serif;
      font-size: 12px;
      color: #c76170;
      font-weight: bold;
    }
    
    SPAN.productSpecialPrice {
      font-family: Verdana, Arial, sans-serif;
      color: #ff0000;
    }
    
    SPAN.errorText {
      font-family: Verdana, Arial, sans-serif;
      color: #ff0000;
    }
    
    .moduleRow { }
    .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
    .moduleRowSelected { background-color: #E9F4FC; }
    
    .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
    .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
    
    /* message box */
    
    .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
    .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
    .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
    
    /* input requirement */
    
    .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
    PHP:

     
    Scubasjl, Oct 25, 2009 IP
  2. dabzo

    dabzo Peon

    Messages:
    188
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    nvm, Don't click that link guys. This guy has some sort of goof-operation going,

    Sorry to flag you if you don't but an avg threat / warning is coming from your site.
     
    dabzo, Oct 26, 2009 IP
  3. dabzo

    dabzo Peon

    Messages:
    188
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    safebrowsing.clients.google.com/safebrowsing/diagnostic?client=Firefox&hl=en-US&site=http://theclearancebox.com/
     
    dabzo, Oct 26, 2009 IP
  4. Scubasjl

    Scubasjl Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Goof-operation what does that mean. Yea the site is flagged the only thing that is on that server is a fresh install of oscmax, which the site was flagged before I put that on their. If I don't get help to bad, the problem was that in the body their wasnt text-align: center; anyways but a goof-operation please at least tell me what that means.
     
    Last edited: Oct 26, 2009
    Scubasjl, Oct 26, 2009 IP