This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox will not display CSS correctly using windows 7

  • 1 reply
  • 89 have this problem
  • 1 view
  • Last reply by chojiokada

AnonymousUser
AnonymousUser
more options

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

http://aftermathinteractive.com/image001.jpg

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

Modified by cor-el

All Replies (1)

chojiokada
chojiokada
more options

me too