X
Tap here to go to the mobile version of the site.

Support Forum

Firefox will not display CSS correctly using windows 7

Posted

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

Additional System Details

Sites Affected

http://

Installed Plug-ins

  • -Cooliris embbedded in a tab
  • Gecko default plugin
  • Runs Java applets using the latest installed versions of Java. For more information: Java Embedding Plugin. Run version test: Java Information.
  • http://www.facebook.com/fbplugin/
  • Yahoo! Installer Plug-in provides application installation support
  • The Flip4Mac WMV Plugin allows you to view Windows Media content using QuickTime.
  • iPhoto6
  • Java Plug-In 2 for NPAPI Browsers
  • The Google Earth Plugin allows you to view 3D imagery and terrain in your web browser.
  • Version 1.2.0.9398
  • 4.0.50524.0
  • Contribute Plug-inInbrowser Editor Plug-in
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
  • Shockwave Flash 10.1 r53

Application

  • User Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 FBSMTWB

More Information

chojiokada 0 solutions 1 answers

me too

me too