Jump to content
Sign in to follow this  
airplant

Platform Pro Browser Issue

Recommended Posts

airplant

Hello there, I have a client project whichs seems to cause some layout issues particularly in IE 7 and Firefox on windows machines. He says that the feature slider background is not centered an to wide and the sf-menu isn??t displayed correct. Since I??m on a mac I cannot verify, though I tested the site through some cross browser test services on the web. As well I??m not a programmer but may handle some css. Hope anybody has an idea. Thanks a lot!!! Best Patrick Here??s my custom css code: body .page a:visited{color: #B32603} /* Secondary Font Style */ .button, input[type="submit"], input[type="button"], input[type="reset"], .submit{ font-family: "Helvetica"; text-transform: none; letter-spacing: 0.0em; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; } #news-title{margin: 6px 0px 5px 2px;} #addthis-title{margin: 6px 0px 5px 2px;} #feature-footer{border:0px solid #000; height: 0px;} #page{ border:0px solid #fff; box-shadow:#999 0 2px 6px; -webkit-box-shadow:#999 0 2px 6px; -moz-box-shadow:#999 0 2px 8px; -moz-border-radius: 15px; border-radius: 15px; } body .hentry {border-bottom: 0px;} #header {background: transparent url(" header_bg.png") top no-repeat;} .widget-title {display: none;} #cred {display:none;} #branding .branding_wrap {float: right; margin-bottom: -50px; margin-top: -10px;} #primary-nav {background: transparent url(" nav_bg.png") no-repeat;} #primary-nav ul.sf-menu, .sf-menu {padding-left: 10px;} #primary-nav li.page_item a { color: #555555; background: #CFD2D3 ; } #primary-nav a{ padding-left:12px; } #primary-nav .sf-menu li.current_page_item a{color:#CF050F;} #primary-nav li.page_item a { color: #555555; background: #CFD2D3; } #primary-nav li.page_item a:hover { background: #DFDFE0; } #feature_slider { width: 900px; margin-bottom: -25px; margin-top: -15px; } #feature_slider .fcontent { margin-top: -20px; margin-left: 0px; width:450px; color: #fff; } #feature_slider .fcontent a:link { background: #B53000; } #feature_slider .fcontent a { color: #ccc; background: none; border: none } #feature_slider .fcontent { font-size: 18px; text-shadow: #000 1px 1px 2px; } #feature_slider .fcontent small{ font-size: 20px;} #featurenav { float:left; margin-top:-50px; margin-left: 6px; } #sidebar_primary {margin-top: -5px;} #sidebar_primary a:link{ text-decoration: none; } #sidebar_primary a:hover{ text-decoration: underline; } #morefoot_area {border: 0px solid; font-size: 13px; background: transparent url(" footer_bg.png") bottom no-repeat; line-height: 17px; margin-top: 0px;} #morefootbg div.widget {height: 100px; padding: 4px 5px 5px 12px; background: transparent url(" footer_widget_bg.png") bottom no-repeat; color: #4F4F4F; margin-top: -30px;} #morefoot a:link, a:visited {color: #696969;} #morefoot_area a:link {color: #696969;} #morefoot_area a:hover {color: #000;} #feeds { margin-top: 0px; } #feeds a:visited { color: #c92a02; } #feeds h2{ margin-left: 6px; } #categories h2{ margin-bottom: 0px; } #tags h2{ margin-bottom: 0px; } #social {margin: 10px 0px 0px 0px;} .fpost .post-excerpt, .fpost .entry_content { line-height: 1.5em;} } .searchform {margin-left: 0px;} .searchform input {width: 265px;}

Share this post


Link to post
Share on other sites
cmunns

If you didn't see the same when you tested with cross browser tools then he might just have his browser zoomed. just tested in IE7 and it looks normal.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×