Announcement

Collapse
No announcement yet.

converting ie style sheet to work in firefox

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • converting ie style sheet to work in firefox

    Hi,

    My style sheet looks like below. It works fine in IE but the 3 columns left,mid and right are too far up the page. can anyone help with this? if possible i'd like my site to work with both and not have to make 2 duplicate sites with one working in IE and one in firefox.

    Code:
    body {
     margin: 0px;
                    background-color: #000013;
     background-attachment: fixed;
     background-image: url(../styleImages/backgrounds/pageBg.jpg);
     background-repeat: repeat-x;
     
    }
    #pageSurround {
     width: 850px;
     margin: 10px auto;
     padding:0px;
     border: 5px solid #000000;
     background-color: #FFFFFF;
    }
    #subSurround {
                    border: 1px solid #5C84CE;
     background-image: url(../styleImages/backgrounds/contentBg.jpg);
     background-repeat: repeat-x;
     background-position: relative;
    }
    #topHeader {
     text-align: right;
     height: 1px;
                    margin-bottom: 5px;
     padding-right: 0px;
     padding-top: 0px;
     background-image: url(../styleImages/backgrounds/topHeader.jpg);
     border-bottom: 2px solid #000000;
    }
    .boxTitleLeft, .boxTitleRight {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 70%;
     color: #000000;
     background-image: url(../styleImages/backgrounds/boxTitleBg.gif);
     width: 155px;
     height: 15px;
     padding-left: 5px;
     padding-top: 1px;
    }
    .boxContentLeft, .boxContentRight {
     border-left: 2px solid #0E51A3;
     border-right: 2px solid #0E51A3;
     border-bottom: 2px solid #0E51A3;
     background-color: #FFFFFF;
     padding-left: 5px;
     margin-bottom: 10px;
     padding-top: 10px;
     padding-bottom: 5px;
    }
    .colLeft {
     position: relative;
     left: 0px;
     width: 160px; 
     padding-left: 9px;
     padding-right: 5px;
     float: left;
    }
    .colMid {
     position: relative;
     width: 500px;
     float: left;
    }
    .colRight {
     position: relative;
     width: 160px; 
     padding-left: 5px;
     right: 9px;
     float: right;
    }
    .boxContent {
     border-top: 1px solid #A8B4B0;
     border-right: 1px solid #5E85CF;
     border-bottom: 1px solid #5E85CF;
     border-left: 1px solid #5E85CF;
     padding: 3px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 75%;
     color: #333333;
     background-color: #FFFFFF;
     margin-bottom: 5px;
    }
    /* CHECKOUT PAGES */
    .colLeftCheckout {
     position: relative;
     left: 0px;
     width: 160px; 
     padding-left: 9px;
                   padding-right: 10px;
     float: left;
    }
    .colMainCheckout {
     position: relative;
     width: 558px;
     float: left;
                      text-align: right;
     height: 1px;
                    margin-bottom: 5px;
     padding-right: 0px;
     padding-top: 0px;
     background-image: url(../styleImages/backgrounds/topHeader.jpg);
     border-bottom: 2px solid #000000;
     
     
    }
    /* END CHECK OUT PAGES */
    .siteDocs {
     text-align:center;
     margin-top: 10px;
    }
    .pagination {
     text-align: right;
     padding-top: 5px;
     padding-bottom: 5px;
    }
    #subCats {
     background-color: #EBEDFE;
     text-align: center;
     border: 1px solid #C9CEFC;
     margin: 0px;
     padding: 3px;
     float: left;
     width: 387px;
    }
    .subCat { 
     text-align: center;
     padding: 8px;
     float: left;
     width: 110px;
    }
    .regSep{
     padding: 10px 0px 10px 0px;
     margin: 10px 0px 10px 0px;
     border-top: 1px solid #cccccc;
     border-bottom: 1px solid #cccccc;
    }
    Thanks
    Arcade Ninja - Free Flash Arcade
    FreeGadget4me.Com - Learn how to get free gadgets delivered direct to your door for free

  • #2
    Re: Problem converting ie style sheet to work in firefox

    not to worry, all sorted now. Thanks
    Arcade Ninja - Free Flash Arcade
    FreeGadget4me.Com - Learn how to get free gadgets delivered direct to your door for free

    Comment

    Working...
    X