Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

browser (safari) compatibility issues / CSS


eilonwy

Recommended Posts

we're working on launching our new oscommerce webstore, launch is set for wednesday of next week. still have a few more items and contribs to add, etc., but we're making pretty good progress given that we knew nothing about php or oscommerce a month ago.

 

one very annoying thing ithat i've spent way to much time tryng to figure out on my own is that while the site is displayed fine (on a mac) in ie5.2, netscape 7.2 and firefox 1.5.0.3 (looks best in firefox), it looks horrible in safari. not only does safari seem to ignore the class=headergreybold in the hrefs in the header (search, contact us, etc.), but the product descriptions are in the browser font and do not follow from the css. in fact, in the white background product display area simply follows browser defaults.

 

for example, see here:

http://www.oaklandish.org/shop/product_inf...products_id=237

 

i've search teh forums and have found answers to my other questions, but cannot seem to figure this out. but i am totally new at css, so there are probably terrible mistakes in there somewhere that the other browsers are ignoring. thanks for your help.

 

also, any idea why the message "The size you have selected is currently out of stock. Please select another size." doesn't show up in IE?

Link to comment
Share on other sites

People who complain about css errors in Safari almost inevitably have errors in their css. The lines in red are your problems, the others don't create major problems. In the first two red lines you're trying to use php comment tags when they should be html comments.

 

I've seen these errors before.

 

stylesheet.css:165: Parse Error - //shopping-cart content color}

stylesheet.css:170: Parse Error - //shopping-cart content color}

stylesheet.css:203: Invalid number : padding only 0 can be a length. You must put an unit after your number : 10 15 10 15

stylesheet.css:341: Invalid number : cursor hand is not a cursor value : hand

stylesheet.css:14: You have no background-color with your color : .stockWarning

stylesheet.css:15: You have no color with your background-color : .productsNotifications

stylesheet.css:16: You have no background-color with your color : .orderEdit

stylesheet.css:28: You have no background-color with your color : A:link

stylesheet.css:35: You have no background-color with your color : A:visited

stylesheet.css:43: You have no background-color with your color : A:hover

stylesheet.css:48: You have no background-color with your color : A:active

stylesheet.css:61: You have no color with your background-color : TR.header

stylesheet.css:65: You have no color with your background-color : TR.headerNavigation

stylesheet.css:77: Same colors for color and background-color in two contexts .productListing-heading and A.headerNavigation

stylesheet.css:77: You have no background-color with your color : A.headerNavigation

stylesheet.css:77: Same colors for color and background-color in two contexts .bg1 and A.headerNavigation

stylesheet.css:77: Same colors for color and background-color in two contexts .infoBoxContents and A.headerNavigation

stylesheet.css:84: You have no background-color with your color : A.headerNavigation:hover

stylesheet.css:84: Same colors for color and background-color in two contexts .productListing-heading and A.headerNavigation:hover

stylesheet.css:84: Same colors for color and background-color in two contexts .infoBoxContents and A.headerNavigation:hover

stylesheet.css:84: Same colors for color and background-color in two contexts .bg1 and A.headerNavigation:hover

stylesheet.css:91: You have no color with your background-color : TR.headerError

stylesheet.css:104: You have no color with your background-color : TR.headerInfo

stylesheet.css:117: You have no color with your background-color : TR.footer

stylesheet.css:129: You have no color with your background-color : .infoBox

stylesheet.css:133: You have no color with your background-color : .infoBoxContents

stylesheet.css:139: You have no color with your background-color : .infoBoxNotice

stylesheet.css:143: You have no color with your background-color : .infoBoxNoticeContents

stylesheet.css:153: You have no background-color with your color : TD.infoBoxHeading

stylesheet.css:194: Same colors for background-color and border-top-color : .productListing-heading

stylesheet.css:208: You have no background-color with your color : TD.productListing-data

stylesheet.css:212: You have no background-color with your color : A.pageResults

stylesheet.css:216: You have no background-color with your color : A.pageResults:hover

stylesheet.css:220: You have no background-color with your color : A.pageResults:visited

stylesheet.css:227: You have no background-color with your color : DIV.pageHeading

stylesheet.css:227: You have no background-color with your color : DIV.pageHeading

stylesheet.css:242: You have no color with your background-color : TR.subBar

stylesheet.css:248: You have no background-color with your color : TD.subBar

stylesheet.css:266: You have no background-color with your color : TD.accountCategory

stylesheet.css:289: Same colors for color and background-color in two contexts TD.headerError and SPAN.newItemInCart

stylesheet.css:289: You have no background-color with your color : SPAN.newItemInCart

stylesheet.css:289: Same colors for color and background-color in two contexts TR.headerError and SPAN.newItemInCart

stylesheet.css:306: You have no background-color with your color : SPAN.greetUser

stylesheet.css:311: You have no color with your background-color : TABLE.formArea

stylesheet.css:326: You have no background-color with your color : SPAN.markProductOutOfStock

stylesheet.css:332: You have no background-color with your color : SPAN.productSpecialPrice

stylesheet.css:332: Same colors for color and background-color in two contexts TD.headerError and SPAN.productSpecialPrice

stylesheet.css:332: Same colors for color and background-color in two contexts TR.headerError and SPAN.productSpecialPrice

stylesheet.css:337: Same colors for color and background-color in two contexts TD.headerError and SPAN.errorText

stylesheet.css:337: You have no background-color with your color : SPAN.errorText

stylesheet.css:337: Same colors for color and background-color in two contexts TR.headerError and SPAN.errorText

stylesheet.css:341: You have no color with your background-color : .moduleRowOver

stylesheet.css:342: You have no color with your background-color : .moduleRowSelected

stylesheet.css:344: You have no background-color with your color : .checkoutBarTo

stylesheet.css:344: You have no background-color with your color : .checkoutBarTo

stylesheet.css:345: You have no background-color with your color : .checkoutBarCurrent

stylesheet.css:350: You have no color with your background-color : .messageStackWarning

stylesheet.css:350: You have no color with your background-color : .messageStackWarning

stylesheet.css:351: You have no color with your background-color : .messageStackSuccess

stylesheet.css:355: Same colors for color and background-color in two contexts TD.headerError and .inputRequirement

stylesheet.css:355: You have no background-color with your color : .inputRequirement

stylesheet.css:355: Same colors for color and background-color in two contexts TR.headerError and .inputRequirement

stylesheet.css:369: font-family: You are encouraged to offer a generic family as a last alternative

stylesheet.css:369: font-family: You are encouraged to offer a generic family as a last alternative : td

stylesheet.css:371: You have no background-color with your color : td

stylesheet.css:375: You have no color with your background-color : .bg1

stylesheet.css:383: font-family: You are encouraged to offer a generic family as a last alternative

stylesheet.css:383: font-family: You are encouraged to offer a generic family as a last alternative : .ch2

stylesheet.css:385: You have no background-color with your color : .ch2

stylesheet.css:391: Same colors for color and background-color in two contexts .bg1 and .ch3

stylesheet.css:391: Same colors for color and background-color in two contexts .infoBoxContents and .ch3

stylesheet.css:391: Same colors for color and background-color in two contexts .productListing-heading and .ch3

stylesheet.css:391: You have no background-color with your color : .ch3

stylesheet.css:402: You have no background-color with your color : .ch5

stylesheet.css:412: You have no background-color with your color : .ch7

stylesheet.css:418: You have no background-color with your color : .ch8

stylesheet.css:425: You have no background-color with your color : .ch9

stylesheet.css:435: You have no background-color with your color : .ch11

stylesheet.css:443: You have no background-color with your color : .ml1

stylesheet.css:449: You have no background-color with your color : .ml2

stylesheet.css:456: Same colors for color and background-color in two contexts .bg1 and .ml3

stylesheet.css:456: Same colors for color and background-color in two contexts .infoBoxContents and .ml3

stylesheet.css:456: Same colors for color and background-color in two contexts .productListing-heading and .ml3

stylesheet.css:456: You have no background-color with your color : .ml3

stylesheet.css:462: You have no background-color with your color : .ml4

stylesheet.css:462: Same colors for color and background-color in two contexts .infoBoxContents and .ml4

stylesheet.css:462: Same colors for color and background-color in two contexts .productListing-heading and .ml4

stylesheet.css:462: Same colors for color and background-color in two contexts .bg1 and .ml4

stylesheet.css:468: You have no background-color with your color : .ml5

stylesheet.css:477: You have no background-color with your color : .ml6

stylesheet.css:485: You have no background-color with your color : .ml7

stylesheet.css:494: You have no background-color with your color : .se

stylesheet.css:500: You have no background-color with your color : .se2

stylesheet.css:507: You have no background-color with your color : .se3

stylesheet.css:520: You have no background-color with your color : .currency_symbol_

stylesheet.css:527: font-family: You are encouraged to offer a generic family as a last alternative

stylesheet.css:527: font-family: You are encouraged to offer a generic family as a last alternative : a.ch2:link

stylesheet.css:529: You have no background-color with your color : a.ch2:link

stylesheet.css:535: Same colors for color and background-color in two contexts .bg1 and a.ch3:link

stylesheet.css:535: Same colors for color and background-color in two contexts .infoBoxContents and a.ch3:link

stylesheet.css:535: You have no background-color with your color : a.ch3:link

stylesheet.css:535: Same colors for color and background-color in two contexts .productListing-heading and a.ch3:link

stylesheet.css:542: You have no background-color with your color : a.ch5:link

stylesheet.css:548: You have no background-color with your color : a.ch7:link

stylesheet.css:554: You have no background-color with your color : a.ch8:link

stylesheet.css:561: You have no background-color with your color : a.ch9:link

stylesheet.css:568: You have no background-color with your color : a.ch11:link

stylesheet.css:576: You have no background-color with your color : a.ml1:link

stylesheet.css:582: You have no background-color with your color : a.ml2:link

stylesheet.css:589: Same colors for color and background-color in two contexts .infoBoxContents and a.ml3:link

stylesheet.css:589: Same colors for color and background-color in two contexts .productListing-heading and a.ml3:link

stylesheet.css:589: Same colors for color and background-color in two contexts .bg1 and a.ml3:link

stylesheet.css:589: You have no background-color with your color : a.ml3:link

stylesheet.css:595: Same colors for color and background-color in two contexts .infoBoxContents and a.ml4:link

stylesheet.css:595: Same colors for color and background-color in two contexts .productListing-heading and a.ml4:link

stylesheet.css:595: You have no background-color with your color : a.ml4:link

stylesheet.css:595: Same colors for color and background-color in two contexts .bg1 and a.ml4:link

stylesheet.css:601: You have no background-color with your color : a.ml5:link

stylesheet.css:608: You have no background-color with your color : a.ml6:link

stylesheet.css:616: You have no background-color with your color : a.ml7:link

stylesheet.css:624: You have no background-color with your color : a.left:link

stylesheet.css:632: You have no background-color with your color : a.leftbold:link

stylesheet.css:640: You have no background-color with your color : a.leftlower:link

stylesheet.css:646: You have no background-color with your color : a.headergreybold:link

stylesheet.css:653: You have no background-color with your color : a.headergreybold:visited

stylesheet.css:661: You have no background-color with your color : a.headergreybold:hover

stylesheet.css:666: You have no background-color with your color : a.headergreybold:active

Local: Mac OS X 10.5.8 - Apache 2.2/php 5.3.0/MySQL 5.4.10 • Web Servers: Linux

Tools: BBEdit, Coda, Versions (Subversion), Sequel Pro (db management)

Link to comment
Share on other sites

Thank you, thank you AlanR. I removed the three errors (red) from the css and now everything works great. I really appreciate your help. It has saved me much future frustration. Thank you for your time.

 

Any ideas about the missing IE out of stock message?

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...