Results 1 to 2 of 2

Thread: converting ie style sheet to work in firefox
      
   

  1. #1
    Join Date
    Oct 2005
    Location
    UK
    Posts
    1,427

    Default 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. #2
    Join Date
    Oct 2005
    Location
    UK
    Posts
    1,427

    Default 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

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •