PDA

View Full Version : converting ie style sheet to work in firefox



Mook25
10-29-2006, 02:07 PM
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.


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

Mook25
10-29-2006, 09:47 PM
not to worry, all sorted now. Thanks