Firefox will not display CSS correctly using windows 7
having a CSS issue with Firefox and windows 7. This is the only combination where the attached screen shot is not rendering correctly. Site functions 100% on ALL other browsers/platforms/OS ANY HELP would be great!
The CSS:
1. chefwrapper {
position: relative;
height: 175px;
width: 700px;
margin-right: auto;
margin-left: auto;
border-bottom-width: 2px;
border-bottom-style: groove;
border-bottom-color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
float: left;
display: table;
}
1. centercontent {
width: 700px;
margin-right: auto;
margin-left: auto;
height: 8800px;
}
1. chefimg {
width: 150px;
float: left;
height: 175px;
}
1. chefbio {
float: left;
height: 175px;
width: 529px;
font-family: Helvetica, sans-serif, Arial;
font-size: 14px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
margin-left: 10px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #ADC4D4;
text-align: left;
padding-left: 10px;
}
URL of affected sites
having a CSS issue with Firefox and windows 7. This is the only combination where the attached screen shot is not rendering correctly. Site functions 100% on ALL other browsers/platforms/OS
ANY HELP would be great!
The CSS:<br />
<br />
<pre><nowiki> 1. chefwrapper {
position: relative;
height: 175px;
width: 700px;
margin-right: auto;
margin-left: auto;
border-bottom-width: 2px;
border-bottom-style: groove;
border-bottom-color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
float: left;
display: table;
}
1. centercontent {
width: 700px;
margin-right: auto;
margin-left: auto;
height: 8800px;
}
1. chefimg {
width: 150px;
float: left;
height: 175px;
}
1. chefbio {
float: left;
height: 175px;
width: 529px;
font-family: Helvetica, sans-serif, Arial;
font-size: 14px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
margin-left: 10px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #ADC4D4;
text-align: left;
padding-left: 10px;
} </nowiki></pre>
== URL of affected sites ==
http://aftermathinteractive.com/image001.jpg
Измењено од стране cor-el
Сви одговори (1)
me too