We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Firefox will not display CSS correctly using windows 7

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

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)

more options

me too