White space underneath the Footer
Posted: Wed Jun 01, 2011 11:32 am
Hi guys here at CMSMS,
I'm using the cmsms since 2 weeks now and I'm editing the standard style and template that you get when you have installed cms made simple, but now I'm with an problem and that is I have an white space underneath my footer I have tryed different things to fix this problem but with no succes. Here is my site http://webcarevelp.host22.com/
Here is the temp
and the style
I'm using the cmsms since 2 weeks now and I'm editing the standard style and template that you get when you have installed cms made simple, but now I'm with an problem and that is I have an white space underneath my footer I have tryed different things to fix this problem but with no succes. Here is my site http://webcarevelp.host22.com/
Here is the temp
Code: Select all
{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
{* Change lang="en" to the language of your site *}
{* note: anything inside these are smarty comments, they will not show up in the page source *}
<head>
{if isset($canonical)}<link rel="canonical" href="{$canonical}" />{elseif isset($content_obj)}<link rel="canonical" href="{$content_obj->GetURL()}" />{/if}
<title>{title} | {sitename}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}
{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
{cms_stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}
<!--[if IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
{* The above JavaScript is required for Menu - NCleanBlue-css to work in IE6 *}
{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}
{* IE6 png fix *}
{literal}
<!--[if IE 6]>
<__script__ type="text/javascript" src="uploads/NCleanBlue/js/ie6fix.js"></__script>
<__script__ type="text/javascript">
// argument is a CSS selector
DD_belatedPNG.fix('.sbar-top,.sbar-bottom,.main-top,.main-bottom,#version');
</__script>
<style type="text/css">
/* enable background image caching in IE6 */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}
</style>
<![endif]-->
{/literal}
</head>
</__body>
<div id="ncleanblue">
<div id="pagewrapper" class="core-wrap-960 core-center">
{* start accessibility skip links *}
<ul class="accessibility">
<li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
<li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
{* end accessibility skip links *}
<hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *}
{* Start Header, with logo image that links to the default start page *}
<div id="header" *weg*>
{* logo image that links to the default start page. Logo image is changed in the style sheet "Layout: NCleanBlue" *}
<div id="logo" class="core-float-left">
{cms_selflink dir="start" text="$sitename"}
</div>
<span class="util-clearb"> </span>
{* Start Navigation, style sheet "Layout: NCleanBlue", starting at Menu ROOT *}
<h2 class="accessibility util-clearb">Navigation</h2>
{* anything class="accessibility" is hidden for visual browsers by CSS *}
<div class="page-menu util-clearfix">
{menu loadprops=0 template='cssmenu_ulshadow.tpl'}
</div>
<hr class="accessibility util-clearb" />
{* End Navigation *}
</div>
{* End Header *}
{* Start Content (Navigation and Content columns) *}
<div id="content" class="util-clearfix">
{*weg2*}
{*weg*}
{* Start Content Area, right side *}
<div id="main" class="core-float-right">
{* main top, holds top image and print image *}
<div class="main-top">
</div>
</div>
{* main content *}
<div class="main-main util-clearfix">
<h1 class="title">{title}</h1>
{content}
</div>
</div>
{* End Content Area, right side *}
</div>
{* End Content *}
</div>
{* end pagewrapper *}
<span class="util-clearb"> </span>
{* Start Footer *}
<div id="footer-wrapper">
<div id="footer" class="core-wrap-960">
{* edit the footer in the Global Content Block called "footer" *}
<div class="block cms core-float-left">
{global_content name='footer'}
</div>
<span class="util-clearb"> </span>
</div>
</div>
{* End Footer *}
</div>
{* End Div *}
<__body>
</__html>Code: Select all
body {
font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #3A3A36;
background: url(/images/background.png);
}
#ncleanblue {
width: auto;
background: url([[root_url]]/images/background.jpg);
}
a.external span {
position: absolute;
left: -5000px;
width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
padding: 0 12px 0 0;
}
a.external:link {
color: #679EBC;
background: url([[root_url]]/images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
color: #18507C;
background: url([[root_url]]/images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
color: #18507C;
background: url([[root_url]]/images/cms/external.gif) no-repeat 100% 0;
background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
position: absolute;
top: -9999em;
left: -9999em;
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
border: none;
}
/* ------------ Standard HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{ font-style: italic;}
p {
padding: 0;
margin-top: 0.5em;
margin-bottom: 1em;
text-align:left;
}
h1, h2, h3, h4, h5 {
line-height: 1.6em;
font-weight: normal;
width: auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*default link styles*/
a {
color: #679EBC;
text-decoration: none;
text-align: left;
}
a:hover {
color: #3A6B85;
}
a:active {
color: #3A6B85;
}
a:visited {
color: #679EBC;
}
input, textarea, select {
font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
font-size: 95%;
position: relative;
z-index: 1;
}
/* ------------ Header ------------ */
#header {
height: 111px;
width: 960px;
}
#logo a {
/* adjust according your image size */
height: 77px;
width: 356px;
/* forces full link size */
display: block;
/* this hides the text */
text-indent: -9999em;
margin-top: 0;
margin-left: 0;
/* you can set your own image here, note size adjustments */
background: url([[root_url]]/uploads/NCleanBlue/logo.png) no-repeat left top;
}
/* ------------ Header - Search ------------ */
div#search {
width: 190px;
height: 28px;
margin-top: 31px;
margin-right: 20px;
}
div#search label {
text-indent: -9999em;
height: 0pt;
width: 0pt;
display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
width: 143px;
height: 17px;
/* removes default borders, allows use of image */
border-style: none;
/* text color */
color: #999;
/* padding of text */
padding: 7px 0px 4px 10px;
float: left;
/* set all font properties at once, weight, size, family */
font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
background: url([[root_url]]/uploads/NCleanBlue/search.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
width: 37px;
height: 28px;
/* removes default borders, allows use of image */
border-style: none;
/* hides text, image has text */
text-indent: -9999em;
float: left;
margin: 0;
/* provides positive hover effect */
cursor: pointer;
/* removes default size/height */
font-size: 0px;
line-height: 0px;
/* submit button image, set your own here */
background: transparent url([[root_url]]/uploads/NCleanBlue/search.png) no-repeat right top;
}
/* ------------ Content ------------ */
#content {
width: auto;
margin-left:10px;
margin-right: 10px;
/* all text in #content will default align left, changed in other calls */
text-align: left;
}
#bar {
width: auto;
height: 40px;
padding-right: 1em;
padding-left: 1em;
}
.print {
}
#version {
width: 50px;
height: 31px;
position: absolute;
z-index: 5;
top: 130px;
right: -16px;
font-size: 1.6em;
font-weight: bold;
padding: 28px 15px;
color: #FFF;
text-align: center;
vertical-align: middle;
background: url([[root_url]]/uploads/NCleanBlue/version.png) no-repeat left top;
}
/* IE6 fixes */
* html div#version {
top: 150px;
}
/* End IE6 fixes */
/* Site Title */
h1.title {
font-size: 1.8em;
color: #666666;
text-align: left;
margin-bottom: 0.5em;
}
/* Breadcrumbs */
div.breadcrumbs {
padding: 0.5em 0;
font-size: 80%;
margin: 0 1em;
}
div.breadcrumbs span.lastitem {
font-weight: bold;
}
/* ------------ Side Bar (Left) ------------ */
#left {
width: 250px;
}
/* Image that Represents the new CMS design */
#left .screen {
margin: 10px 50px;
}
/* End */
.sbar-title {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #252523;
}
.sbar-top {
height: 20px;
width: auto;
padding: 10px;
background: url([[root_url]]/images/content_bg.jpg) no-repeat left top;
}
.sbar-main {
width: auto;
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
background: #F0F0F0;
}
span.sbar-bottom {
width: auto;
display: block;
height: 10px;
background: url([[root_url]]/images/content_bg.jpg) no-repeat left bottom;
}
/* ------------ Main (Right) ------------ */
#main {
width: 690px;
}
.main-top {
height: 15px;
width: auto;
background: url([[root_url]]/images/content_bg.jpg) no-repeat right top;
}
.main-main {
width: auto;
margin-left: auto;
margin-right: auto
padding: 20px;
padding-top: 0px;
background: url([[root_url]]/images/content_bg.jpg)
}
.main-bottom {
width: auto;
height: 41px;
background: url([[root_url]]/images/content_bg.jpg) no-repeat right bottom;
}
.right49, .left49 {
font-size: 0.85em;
margin: 7px 5px 5px 10px;
font-weight: bold;
}
.left49 span {
display: block;
padding-top: 1px;
}
.left49 a {
font-weight: normal;
}
.right49 {
height: 28px;
width: 50px;
padding-right: 10px;
background: url([[root_url]]/uploads/NCleanBlue/bull.png) no-repeat right top;
}
.right49 a, .right49 a:visited {
padding: 7px 4px;
display: block;
color: #000;
height: 15px;
background: url([[root_url]]/uploads/NCleanBlue/bull.png) no-repeat left top;
}
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
font-size: 1.4em;
color: #301E12;
}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
line-height: 1em;
margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
padding: 2px 2px 2px 5px;
margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
font-weight: bold;
margin: 0 0 0 1em;
}
div#main dl dd {
margin: 0 0 1em 1em;
}
div#main dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}
/* ------------ Footer ------------ */
#footer-wrapper {
height: 170px;
width: auto;
text-align: center;
background: url([[root_url]]/images/footer.jpg);
}
#footer {
font-size: 0.8em;
height: 117px;
background: url([[root_url]]/images/.jpg) repeat-x left;
}
#footer .block {
width: 300px;
margin: 20px 10px 10px;
}
#footer .cms {
text-align: right;
}
/* ------------ Footer Links ------------ */
#footer ul {
width: auto;
text-align: left;
margin-left: 50px;
}
#footer ul ul {
margin-left: 0px;
}
#footer ul li a {
display: block;
font-weight: normal;
margin-bottom: 0.5em;
text-decoration: none;
}
#footer a {
color: #DCEDF1;
text-decoration: underline;
font-weight: bold;
}
/* ------------ END LAYOUT ---------------*/
/* ------------ Menu ROOT ------------ */
.page-menu {
width: auto;
height: 35px;
margin: 3px 0 0 20px;
}
.menuwrapper {}
ul#primary-nav li hr.menu_separator{
position: relative;
visibility: hidden;
display:block;
width:5px;
height: 32px;
margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
height: 1%;
float: left;
list-style: none;
padding: 0;
margin: 0;
}
.page-menu ul#primary-nav li {
float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
display: block;
padding: 0 10px;
background-repeat: no-repeat;
background-image: url([[root_url]]/uploads/NCleanBlue/tabs.gif);
}
.page-menu ul#primary-nav li a {
padding-left: 0;
color: #000;
font-weight: bold;
line-height: 2.15em;
text-decoration: none;
margin-left: 1px;
font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
color: #000;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
color: #000;
}
.page-menu ul#primary-nav li a span {
padding-top: 6px;
padding-right: 0;
padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
display: inline-block;
}
/* -------------------- menu dropdow -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
font-weight: normal;
background-image: none;
display: block;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#primary-nav {
margin: 0px;
padding: 0px;
}
#primary-nav ul {
list-style: none;
margin: -6px 0px 0px;
padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
width: 209px;
}
#primary-nav ul {
position: absolute;
z-index: 1001;
top: auto;
display: none;
padding-top: 9px;
background: url([[root_url]]/uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
padding-top: 12px;
background: url([[root_url]]/uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
margin-left: -7px;
left: 100%;
top: 3px;
}
* html #primary-nav ul.unli ul {
margin-left: -0px;
}
#primary-nav li {
margin: 0px;
float: left;
}
#primary-nav li li {
margin-left: 7px;
margin-top: -1px;
float: none;
position: relative;
}
ul#primary-nav ul hr.menu_separator{
position: relative;
visibility: visible;
display:block;
width:130px;
height: 1px;
margin: 2px 30px 2px;
padding: 0em;
border-bottom: 1px solid #ccc;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
height: 9px;
width: 209px;
margin: 0px 0px -8px;
background: url([[root_url]]/uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
z-index:-1;
background: url([[root_url]]/uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
z-index:-1;
}
#primary-nav ul.unli li a {
padding: 0px 10px;
width: 165px;
margin: 5px;
background-image: none;
}
* html #primary-nav ul.unli li a {
padding: 0px 10px 0px 5px;
width: 165px;
margin: 5px 0px;
}
#primary-nav li li a:hover {
background-color: #DBE7F2;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
text-decoration: none;
background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
background-color: #DBE7F2;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
background-image: url([[root_url]]/uploads/NCleanBlue/arrow.gif);
background-position: center right;
background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
display: block;
}
/* IE Hacks */
#primary-nav li li {
float: left;
clear: both;
}
#primary-nav li li a {
height: 1%;
}
/*************** End Menu *****************/
/* ------------ News Module ------------ */
#news {
padding: 10px;
}
.NewsSummary {
}
.NewsSummaryPostdate,
.NewsSummaryCategory,
.NewsSummaryAuthor {
font-style: italic;
font-size: 0.8em;
}
.NewsSummaryLink {
margin: 2px 0;
}
.NewsSummaryContent {
margin: 10px 0;
}
.NewsSummaryMorelink {
margin: 5px 0 15px;
}
/