Jump to content
Sign in to follow this  

Site showing up differently in Chrome, Firefox and Safari

Recommended Posts


I am working on a site that has a lot of custom CSS code ... I was working on it in Chrome - and it looked great - but - when people started to look at it in Safari and Chrome - elements were way off ... There is like a 100px difference horizontally between the browsers ... and - don't even get me started on Safari on the iphone - it is different from all of them (the right side pushes out and there is just a bar of color) ... Do I need to have different CSS for different browsers - and if so - how would I set that up with Platformpro? Any help would be greatly appreciated. Thanks! Here is the URL so that you can see the site: (URL deleted) Here is the custom CSS that I am using: body{ font-size:13px; } h2 { padding-bottom:10px; } #simple_footer_nav ul { z-index:2; position:absolute; left:315px; bottom:150px; } #morefoot .widget-title { font-variant:normal; text-transform:none; font-size:18px; color:#27487A; } .page-id-51 #page { background: url(http://www.peanutgraphic.com/appappnost_site/appnostic_backgound4.png) repeat 0px 0px; background-repeat:repeat-x; } div.above-header-line { height: 20px; z-index:3; background: url(http://www.peanutgraphic.com/appappnost_site/header_line.png) repeat 0px 0px; background-repeat:repeat-x; position:absolute; width: 100%; margin: 0 auto; top:0px; } div.above-header-tab { height: 35px; z-index:3; background:url(http://www.peanutgraphic.com/appappnost_site/header_tab2.png) repeat 0px 0px; background-repeat:no-repeat; position:absolute; width: 574px; margin: 0 auto; top:15px; left:550px; } .above-header-login { background: url(http://www.peanutgraphic.com/appappnost_site/header_login.png); z-index:4; position:absolute; width: 107px; height: 25px; top:19px; left:1007px; display:block; font-size:0px; } div.mailchimp-form { z-index:6; position:absolute; width: 390px; height: 22px; top:16px; left:595px; } .page-id-51 .get-started-tab { background: url(http://www.peanutgraphic.com/appappnost_site/get_started_tab.png); position:absolute; width: 317px; height: 48px; top:545px; left:185px; display:block; font-size:0px; color:#00ff00; } .page-id-51 .home-contact { z-index:5; position:absolute; width: 260px; top:823px; left:900px; color:#333333; } .page-id-51 .home-contact .cf-sb { position:absolute; top:160px; left:185px; } .page-id-51 .home-contact #usermessage2a { position:absolute; top:195px; left:20px; width: 260px; } .page-id-51 .home-contact .cf_info success success2 { position:absolute; top:195px; left:20px; width: 260px; } #breadcrumb .content { padding-left:13px; }

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