Jump to content
khanda64

Help please... Browser trouble...

Recommended Posts

Hello! New to this and CSS so please bear with me :facepalm:

 

This (and other files with same CSS and template) looks fine in Safari but not in Firefox and Chrome

 

http://maranorth.com/html/conservation.html

 

Top right area sticks out of the margins of the white area (screenshot and file attached)

 

Need help in sorting out the glitch in my (messy) css file:

 

 

@charset "UTF-8";
/* CSS Document */mnc-style.css
body {
#background:url(images/bg2.jpg) ;
margin:0px;
padding:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
p{
text-align:left;
line-height:19px;
padding:0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
h_white{
padding:5px 3px 5px 3px;
margin:0px;
color:#FFFFFF;
font-size:15px;
font-weight:normal;
text-align: left;
border-bottom: dotted;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
h2{
padding:0px 0 10px 0;
margin:0px;
color:#B52025;
font-size:20px;
font-weight:normal;
text-align: left;
}
h3 a{
text-decoration:none;
color: #666633;
padding-left:10px;
}
h3{
padding:5px 3px 5px 3px;
margin:0px;
color:#666600;
font-size:15px;
font-weight:normal;
text-align: left;
/*-----------------------------no line------------------*/
border-bottom-style: none;
/*-----------------------------no line------------------*/
border-bottom-width: 1px;
/*-----------------------------no line------------------*/
border-bottom-length: 90%
}
h4{
margin:4px;
color:#B52025;
font-size:14px;
font-weight:normal;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
}
h5{
padding:5px 5 10px 5;
margin:0px;
color:#FFFFFF;
font-size:20px;
font-weight:normal;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
}
.header_redback{
padding:3px;
margin:0px;
color:#FFFFFF;
font-size:16px;
font-weight:normal;
text-align: left;
background: #B52025;
}
.clear{
clear:both;
}
#wrap{
width:977px;
margin:20px auto auto auto;
}
.top_corner{
width:976px;
height:10px;
background:url(../images/top_bg.gif) no-repeat center bottom;
}
#main_container{
width:977px;
background:url(../images/center_bg_repeat.gif) repeat-y center;
}
#header{
width:970px;
margin:auto;
height:70px;
}
#logo{
padding:10px 0 0 20px;
float:left;
}
/*----------------------menu-------------------------*/
#menu{
width:400px;
float:right;
padding:20px 0 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px;
}
#menu ul li a:hover{
background-color:#b52025;color:#fff;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#b52025;
}
/*-----------------middle_banner----------------------------*/
.middle_banner{
width:977px;
height:304px;
background:url(../images/middle_banner_bg.gif) no-repeat center;
}
/*----------------------slider---------------------------*/
.featured_slider { width:965px; margin:auto; float:left; margin:18px 0 0 6px; }
ul, li{
padding:2px;
margin:2px;
}
/** ----------------------------------------------------- **/
#featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; }
#featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
#featured_images { position: absolute; left: 0; top: 0; }
#featured_images li { float: left; }
#featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; }
#featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; }
#featured_desc { position: absolute; left: 0; bottom: 0; padding:0px; margin:0px; }
#featured_desc li { width: 965px; float: left;padding:0px; margin:0px; }
#featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px; background: url(../images/featured-desc-bg.png); }
#featured_desc li h2 {
color:#FFFFFF;
font-size:18px;
padding:0px 0 5px 0;
margin:0px;
}
#featured_desc li p {
color:#FFFFFF;
font-size:12px;
padding:0px 0 10px 0;
margin:0px;
line-height:18px;
}
#featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;}
#featured_buttons li { width: 22px; height: 22px; background: url(../images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; }
#featured_buttons li.clicked { background: url(../images/featured-button-on.png); }
/**/
/*-------------------------------*/
.center_content{
width:945px;
clear:both;
padding: 10px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
text-align: center;
}
.center_content_pages{
width:930px;
clear:both;
margin:auto;
padding-top: 10px;
padding-right:10px;
padding-bottom: 10px;
padding-left: 15px;
background:url(../images/center_bg_pages.gif) no-repeat center top;
}
.center_content_pages_original{
width:960px;
clear:both;
margin:auto;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
background:url(../images/center_bg_pages.gif) no-repeat center top;
}
.center_content_centered{
width:560px;
clear:both;
margin:auto;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.center_content_pages_noimage_old {
width:930px;
clear:both;
(!)padding:10px 5 10px 0;
border-top-width:1px;
border-top-color:#C4BD9E;
margin: auto;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.center_content_pages_noimage {
width:900px;
clear:both;
margin:auto;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 15px;
}
h2_white {
padding:10px 10px 10px 0;
margin:0px;
color:#ffffff;
font-size:20px;
font-weight:normal;
text-align:left;
}
.home_subtitle_white {
width:230px;
float:left;
font-size:13px;
color:#feffff;
padding-top:0px;
padding-right:0;
padding-bottom:5px;
padding-left:10px;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#C4BD9E;
}
.home_subtitle_bullet {
width:190px;
float:left;
padding:0px 0 0px 10px;
font-size:13px;
color:#fff5e5;
list-style-position:outside;
}
.custom li.beads {
list-style-type: none;
height: 46px;
padding-left: 40px;
}
.left_content{
width:660px;
float:left;
padding-top: 15;
padding-right: 10;
padding-bottom: 10;
padding-left: 15;
}
.left_block{
width:295px;
float:left;
padding:10px 5px 5px 5px;
}
.left_block_original{
width:295px;
float:left;
padding:20px 20px 10px 15px;
}
.right_block_original{
width:280px;
float:right;
padding:20px 20px px 0;
}
.block_wide_original{
width:625px;
float:left;
margin:10px 20px 10px 15px;
padding-top:10px;
border-top:1px #ededed solid;
}
.wide_content_original{
width:930px;
clear:both;
padding:10px 15px 0 15px;
}
.left_block_2{
width:600px;
float:left;
padding:5px 5px 5px 5px;
border-bottom:1px #bcbcbc dotted;
}
.left_block_3{
width:400px;
float:left;
padding:5px 5px 5px 5px;
}
.left_block_wide_bottom_dotted{
width:95%;
float:left;
padding:15px 15px 10px 15px;
border-bottom:1px #bcbcbc dotted;
}
.left_block_wide_bottom_clear{
width:95%;
float:left;
padding:15px 15px 10px 15px;
}
.right_block{
width:270px;
float:right;
padding:5px 20px 10px 0px;
}
.right_blockNEW{
width:250px;
float:right;
padding:5px 20px 10px 0px;
}
.right_block_brown {
width:272px;
float:right;
padding:20px 20px 10px 0;
color:#ffffff;
background:#777360 url(images/acacia_bottom.png) no-repeat right bottom;
font-size:20px;
}
.right_block_brown a:hover{
text-decoration:underline;
}
.right_block_brown_noimg {
width:270px;
float:left;
padding:10px;
color:#ffffff;
font-size:12px;
background-color:#777360;
text-align:left;
}
.block_wide{
width:625px;
float:left;
margin:10px 20px 10px 15px;
padding-top:10px;
border-top:1px #ededed solid;
border-bottom:1px #bcbcbc dotted;
}
.wide_content{
width:930px;
clear:both;
padding:10px 15px 0 15px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #C4BD9E;
border-right-color: #C4BD9E;
border-bottom-color: #C4BD9E;
border-left-color: #C4BD9E;
}
.wide_content2{
width:625px;
clear:both;
padding:5px 5px 0 5px;
}
.home_section_left{
width:270px;
height:auto;
float:left;
margin:0 14px 0 14px;
padding:0 10px 10px 10px;
}
.home_section_left p{
clear:both;
}
.home_section_left p span{
}
img.home_section_icon{
width:63px;
float:left;
}
h2.home_title{
width:190px;
float:left;
font-size:20px;
padding:10px 0 0px 10px; margin:0px;
color:#B52025;
}
.home_subtitle{
width:190px;
float:left;padding:0px 0 0px 10px; font-size:12px; color:#a7a7a7;
}
.home_section_thumb{
float:left; clear:both;
padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid;
}
a.more{
float:right;
}
img.projects{
float:left;
padding:2px;margin:0 10px 0 0; border:1px #dcdcdc solid;
}
.financial-application-form{
width:530px;
float:left;
padding:15px 15px 10px 15px;
}
.financial-application-form p{
margin-bottom:30px;
}
.testimonials{
width:360px;
float:right;
padding:20px 20px 0 0;
}
img.pic{
border:3px #723E41 solid;
margin:5px 5px 10px 5px;
}
img.pic2{
border:3px #22496a solid;
margin:0 0 0 0;
padding-left: 5px;
alignment-adjust: central;
padding-right: 5px;
}
.home_news a{
font-size:12px;
color:#c82127;
text-decoration:none;
border-bottom:1px #bcbcbc dotted;
padding:10px 20px 5px 12px;
display:block;
float:left;
background:url(../images/arrow.gif) no-repeat left top;
background-position: 0px 13px;
}
.home_news a:hover{
text-decoration:underline;
}
input.newsletter_input{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:193px;
height:18px;
padding:4px;
float:left;
}
form#newsletter{
padding:10px 0 0 0;
}
input.newsletter_submit{
background-color:#b52025;
color:#FFFFFF;
text-align:center;
float:left;
padding:4px 4px 3px 4px;
margin:0 0 0 10px;
border:1px #fdeaeb solid;
cursor:pointer;
}
.testbox{
padding:20px 10px 5px 0;
margin:0;
border-bottom:1px #ededed solid;
}
.testbox p{
font-style:italic;
}
/*-----------------------contact_form-------------------*/
.form{
width:500px;
height:auto;
float:left;
padding:20px 10px 10px 20px;
border:1px #fdeaeb solid;
}
.form_row{
width:425px;
float:left;
clear:both;
padding:7px 0 7px 0;
}
label{
width:100px;
float:left;
padding:3px 15px 0 0;
color:#b52025;
text-align:right;
font-weight:bold;
}
input.main_input{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:300px;
height:18px;
padding:4px;
float:left;
}
textarea.main_textarea{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:300px;
height:120px;
padding:4px;
float:left;
}
input.submit{
background-color:#b52025;
color:#FFFFFF;
text-align:center;
float:right;
padding:3px 10px 2px 10px;
margin:0px 0 0 0;
border:1px #b52025 solid;
cursor:pointer;
}
/*-----------------------------footer------------------*/
.footer{
clear:both;
width:960px;
margin:auto;
background:urlno-repeat center;
height:65px;
border-top-style: dotted;
border-top-width: 1px;
border-top-color: #B91C29;
}
.copyright{
float:left;
padding:10px 2 2 50px;
color:#6996c0;
}
.copyright a{
color: #2A1C11;
text-decoration:none;
}
.footer_links{
float:right;
padding:15px 15px 0 0;
}
.footer_links_centre{
float:none;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 0;
padding-left: 30;
}
.footer_links_centre a{
text-decoration:none;
color: #666633;
padding-left:10px;
}
.footer_links_centre a:hover{
text-decoration:underline;
color: #940D11;
}
.footer_links_centre a:visited{
text-decoration:none;
color: #2A1C11;
}
.footer_links a{
text-decoration:none;
color: #666633;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #940D11;
}
.footer_links a:visited{
text-decoration:none;
color: #2A1C11;
}
.bullet {
font-family: Arial, Helvetica, sans-serif;
height: inherit;
padding-left: 8px;
}
/*
* generated by WOW Slider 2.8
* template Shady
*/
#wowslider-container2 {
zoom: 1;
position: relative;
max-width:640px;
margin:0px auto 0px;
z-index:90;
border:none;
text-align:left; /* reset align=center */
}
* html #wowslider-container2{ width:640px }
#wowslider-container2 .ws_images ul{
position:relative;
width: 10000%;
height:auto;
left:0;
list-style:none;
margin:0;
padding:0;
border-spacing:0;
overflow: visible;
/*table-layout:fixed;*/
}
#wowslider-container2 .ws_images ul li{
width:1%;
line-height:0; /*opera*/
float:left;
font-size:0;
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}
#wowslider-container2 .ws_images{
position: relative;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
}
#wowslider-container2 .ws_images a{
width:100%;
display:block;
color:transparent;
}
#wowslider-container2 img{
max-width: none !important;
}
#wowslider-container2 .ws_images img{
width:100%;
border:none 0;
max-width: none;
padding:0;
}
#wowslider-container2 a{
text-decoration: none;
outline: none;
border: none;
}
#wowslider-container2 .ws_bullets {
font-size: 0px;
float: left;
position:absolute;
z-index:70;
}
#wowslider-container2 .ws_bullets div{
position:relative;
float:left;
}
#wowslider-container2 a.wsl{
display:none;
}
#wowslider-container2 .ws_bullets {
padding: 10px;
}
#wowslider-container2 .ws_bullets a {
margin-left:4px;
width:22px;
height:20px;
background: url(../bullet.png) left top;
float: left;
text-indent: -4000px;
position:relative;
color:transparent;
}
#wowslider-container2 .ws_bullets a.ws_selbull, #wowslider-container2 .ws_bullets a:hover{
background-position: 0 100%;
}
#wowslider-container2 a.ws_next, #wowslider-container2 a.ws_prev {
position:absolute;
display:none;
top:50%;
margin-top:-28px;
z-index:60;
height: 50px;
width: 51px;
background-image: url(../arrows.png);
/*max-height:20%;
max-width:12%;
background-size:200% 200%;*/
}
#wowslider-container2 a.ws_next{
background-position: 100% 0;
right:10px;
}
#wowslider-container2 a.ws_prev {
left:10px;
background-position: 0 0;
}
#wowslider-container2 a.ws_next:hover{
background-position: 100% 100%;
}
#wowslider-container2 a.ws_prev:hover {
background-position: 0 100%;
}
* html #wowslider-container2 a.ws_next,* html #wowslider-container2 a.ws_prev{display:block}
#wowslider-container2:hover a.ws_next, #wowslider-container2:hover a.ws_prev {display:block}
/* bottom center */
#wowslider-container2 .ws_bullets {
top:0;
right: 0;
}
#wowslider-container2 .ws-title{
position: absolute;
bottom:7%;
left: 0;
margin-right:10px;
z-index: 50;
color: #F9FBFB;
text-transform:uppercase;
font-family: Franklin Gothic Medium,sans-serif;
font-size: 18px;
line-height: 18px;
}
#wowslider-container2 .ws-title div,#wowslider-container2 .ws-title span{
display:inline-block;
padding:10px;
background:#2a2a2a;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
#wowslider-container2 .ws-title div{
display:block;
margin-top:10px;
font-size: 13px;
text-transform:none;
}
#wowslider-container2 .ws_thumbs {
font-size: 0px;
position:absolute;
overflow:auto;
z-index:70;
}
#wowslider-container2 .ws_thumbs a {
position:relative;
text-indent: -4000px;
color:transparent;
opacity:0.85;
}
#wowslider-container2 .ws_thumbs a:hover{
opacity:1;
}
#wowslider-container2 .ws_thumbs a:hover img{
visibility:visible;
}
#wowslider-container2 .ws_thumbs {
left: -141px;
top: 0;
width:136px;
height:100%;
}
#wowslider-container2 .ws_thumbs div{
position:relative;
width:100%;
}
#wowslider-container2 .ws_thumbs .ws_selthumb img{
border-color:#444;
}
#wowslider-container2 .ws_thumbs a img{
margin:3px;
text-indent:0;
-moz-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
border: 5px solid #a4a4a4;
max-width:none;
}
#wowslider-container2 .ws_shadow{
background: url(../shadow.png) left 100%;
background-size:100%;
width:140%;
height:45%;
position: absolute;
left:-21.7%;
bottom:-30%;
z-index:-1;
}
* html #wowslider-container2 .ws_shadow{/*ie6*/
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale');
}
*+html #wowslider-container2 .ws_shadow{/*ie7*/
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine2/shadow.png', sizingMethod='scale');
}
#wowslider-container2 .ws_bullets a img{
text-indent:0;
display:block;
top:16px;
left:-60px;
visibility:hidden;
position:absolute;
-moz-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
border: 5px solid #a4a4a4;
max-width:none;
}
#wowslider-container2 .ws_bullets a:hover img{
visibility:visible;
}
#wowslider-container2 .ws_bulframe div div{
height:67px;
overflow:visible;
position:relative;
}
#wowslider-container2 .ws_bulframe div {
left:0;
overflow:hidden;
position:relative;
width:120px;
background-color:#a4a4a4;
}
#wowslider-container2 .ws_bullets .ws_bulframe{
display:none;
top:20px;
overflow:visible;
position:absolute;
cursor:pointer;
-moz-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
border: 5px solid #a4a4a4;
}
#wowslider-container2 .ws_bulframe span{
display:block;
position:absolute;
top:-10px;
;
left:60px;
background:url(../triangle.png);
width:15px;
height:6px;
}
h2_white {
color: #FFFFFF;
}
I will be forever grateful in any help I can get!
THANK U!

Share this post


Link to post
Share on other sites
body {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: -21px;
padding: 0;
}
this code replace with the mnc-style.css in the body

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...