Jump to content

Help please... Browser trouble...


khanda64

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!
Link to comment
Share on other sites

  • 2 weeks later...

It is the background image of .center_content_pages_original that is sticking out.

 

.center_content_pages_original {
background: url("../images/center_bg_pages.gif") no-repeat scroll center top transparent;
clear: both;
margin: auto;
padding: 20px 0 10px 10px;
width: 960px;
}
Link to comment
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
×
×
  • Create New...