Jump to content
Sign in to follow this  
marmaristasarim

website showing fine on chrome and ie but not centered in firefox. why would that be?

Recommended Posts

marmaristasarim

My site is showing fine on chrome and ie but to the left on firefox and also all the boxes are out of alignment. Is it possible that someone could tell me why it is this way in firefox? Thank you. site is: satilikteknem.com

Share this post


Link to post
Share on other sites
marmaristasarim

Yes I am. Here it is. It's actually quite messy. Thank you Catrina. #nav_row.main_nav, ul.sf-menu ul li, .fpost {border-bottom: 0px;} .main_nav li {background-image: url('http://www.satilikteknem.com/menu_button_bg.png''>http://www.satilikteknem.com/menu_button_bg.png') repeat-x top; background-color: transparent !important;} .main-nav li a {color: #ffffff !important;} .main-nav li a:hover {color: #333333 !important; background-image: url('http://www.satilikteknem.com/menu_button_bg.png''>http://www.satilikteknem.com/menu_button_bg.png') repeat-x top !important;} .main_nav ul {list-style: none; display: block; margin: 0px 0px 0px 0px; border: 0px; padding: 0px; float: left; background-image: url('http://www.satilikteknem.com/menu_bg.png');} ul#menu-main-nav li#menu-item li.menu-item {background: url(http://www.satilikteknem.com/bg2.jpg'>http://www.satilikteknem.com/bg2.jpg) repeat-x top;} #page-main .content {border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; background: url(http://www.satilikteknem.com/bg2.jpg'>http://www.satilikteknem.com/bg2.jpg) repeat-x top;} #page-canvas {border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; background-color: #ffffff !important; filter:alpha(opacity=90); opacity:0.9;} .widget{ margin-bottom: 1em; overflow: hidden; padding:3px 3px 3px 3px; margin-top:10px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: none; } .widget-title{ border-bottom: none; text-align:left; padding:3px 3px 3px 3px; margin-bottom: .6em; font-size: .9em;} .clip .clip-thumb img {width: 300px; height: 150px; color: #333333;} .post-nav, .current_posts_info {background-color: #ffffff !important; filter:alpha(opacity=60); opacity:0.6; border-left: 1px solid #999999; border-right: 1px solid #999999;}

Share this post


Link to post
Share on other sites
marmaristasarim

Here is the revised custom css for this website. It's showing terrible in both IE and Firefox :( .. But ok in Chrome. #nav_row.main_nav, ul.sf-menu ul li, .fpost {border-bottom: 0px;} #menu-nav li{background:none;} #menu-nav li a{color:#ffffff;} #menu-nav li.current_page_item a{color:#cccccc;background:transparent;} #menu-nav li a:hover{background:none;color:#cccccc;} #menu-nav .children li{background:#eeeeee;} #menu-nav .children li a{color:#07AADB;} .main_nav ul {list-style: none; display: block; margin: 0px 0px 0px 0px; border: 0px; padding: 0px; float: left; background-image: url('http://www.satilikteknem.com/menu_bg.png');} ul#menu-main-nav li#menu-item li.menu-item {background: url(http://www.satilikteknem.com/bg2.jpg) repeat-x top;} #page-main .content {border-right: 0px solid #cccccc; border-left: 0px solid #cccccc;} #page-canvas {border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; background-color: #ffffff !important; filter:alpha(opacity=90); opacity:0.9;} .widget{ margin-bottom: 1em; overflow: hidden; padding:3px 3px 3px 3px; margin-top:10px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: none; } .widget-title{ border-bottom: none; text-align:left; padding:3px 3px 3px 3px; margin-bottom: .6em; font-size: .9em;} .clip .clip-thumb img {width: 300px; height: 150px; color: #333333;} .post-nav, .current_posts_info {background-color: #ffffff !important; filter:alpha(opacity=60); opacity:0.6; border-left: 1px solid #999999; border-right: 1px solid #999999;} .widget-title a:hover, h3.widget-title a:hover {color: #333333;} .page-id-2 #sidebar-wrap{margin-top:-470px;} .page-id-2 .fbox{width:190px !important; float:right;} #sidebar1 {width:210px !important; float:left;} .page-id-2 #feature-area {width:800px!important;height:240px!important; margin-left: 220px;} #featurenav{width:800px !important; margin-left: 5px;} #feature-footer{width:800px !important; margin-left: 220px;}

Share this post


Link to post
Share on other sites
kastelic

I have answered in the other instance of this post.

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  

×