khanda64 Posted August 28, 2013 Share Posted August 28, 2013 Hello! New to this and CSS so please bear with me 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 More sharing options...
astralaaron Posted September 8, 2013 Share Posted September 8, 2013 answered on one of your other two threads about this: http://w3schools.invisionzone.com/index.php?showtopic=48376 Link to comment Share on other sites More sharing options...
harpalsinh999 Posted September 9, 2013 Share Posted September 9, 2013 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 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now