Hi, Im a bit of a CSS newbie when it comes to Mac vs. PC issues. A client is using Hubspot for their site and I just added deleted content and they wanted to know why their pages look different in Mac Safari and Firefox vs my PC Safari and Firefox. I have no idea. I understand sometimes I have to add to style sheet for IE problems, but I have never encountered OS display problems.
The specific problems are that the left-hand nav pane text thats on more than one line is breaking badly on Mac, and the footer is breaking zip code in bad place on Mac. And under the heading In the Works the text Painting a Map of Sixteenth-Century Mexico City doesnt left align neatly, as it does on PC. Thats the reason we noticed a difference. On PC, everything A-OK. I dont know how to fix this with CSS. Any specific advice is greatly welcome. Revised home page is at http://www.vernassoc.com/home-copy-0/ Style sheet is as follows: a:link {text-decoration: none;} a:visited {text-decoration: none;} a:active {text-decoration: none;} a:hover {text-decoration: underline; color: blue;} #duxbury_content { border-right: 1px solid #C9C9CD; } #duxbury_two-column, #duxbury_three-column { background: #FFFFFF url(/Portals/54645/images/template/col1_bg.jpg) repeat-y left !important; } #duxbury_menu ul li a { background: transparent url(/Portals/54645/images/template/menu_bg.gif) no-repeat left center !important; padding: 8px 0 8px 18px !important; width: auto !important; } #duxbury_menu ul li a:hover { background: transparent url(/Portals/54645/images/template/menu_hover_bg.gif) no-repeat left center !important; } #duxbury_menu ul li.selectedtab a { background: transparent url(/Portals/54645/images/template/menu_selected_bg.gif) no-repeat left center !important; } #duxbury_menu ul li.childitem1 a, #duxbury_menu ul li.childitem1 a:hover, #duxbury_menu ul li.selectedtab ul li.childitem1.selectedtab a { padding: 8px 0 8px 26px !important; background: transparent !important; } #duxbury_menu ul li { height:100% !important; _height:100% !important; border-right: 0 !important; } #duxbury_menu ul li.first { border-top: 0 !important; } #duxbury_menu .radmenu .item a span { font-weight: normal !important; font-size: 0.86em !important; white-space:normal !important; padding: 0 !important; line-height: 110% !important; } #duxbury_footer { border-top: 10px solid #E6E6FF; width: 751px !important; margin-left: 9px !important; } #duxbury_footer p.copyright { padding: 10px 0 0 0 !important; } #duxbury_col1 { width: 17.9% !important; } #duxbury_two-column #duxbury_col2 { width: 82% !important; } #duxbury_three-column #duxbury_col2 { width: 57% !important; } #duxbury_content #duxbury_col1 div.block div.pad, #duxbury_content #duxbury_col3 div.block div.pad { padding: 8px 6px !important; margin: 0 4px !important; } #duxbury_col2 h1 { border-bottom: 1px solid #0000CC; } h4 { font-size: 1.1em !important; font-style:italic; color: #333399 !important; margin: 4px 0 !important; } h5 { font-size: 0.9em !important; color: #000000 !important; margin: 4px 0 !important; } h6 { font-size: 1.2em !important; font-family: "Arial",Arial,"sans-serif"; color: #333399 !important; margin: 4px 0 !important; } #duxbury_col1 h4, #duxbury_col3 h4 { font-size: 1.1em !important; color: #333399 !important; font-weight: normal !important; line-height: 125% !important; margin: 4px 0 !important; } #duxbury_col2 table, td { font-size: 1em !important; } #duxbury_content div.block h3 { font-size: 1.1em !important; font-weight: bold !important; } #duxbury_col2 h2 { font-size: 1.2em !important; } #duxbury_col2 ul li { list-style-type: disc !important; } Me: "Life is not a dress rehearsal." Dad: "Spark, spark, spark." :) Website development & editorial services at www.CatWhiskerStudio.com ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
