CSS Drive forums | Tons of space under footer

Tons of space under footer

Posted: 18 August 2009 05:49 PM

[ Ignore ]

Newbie

Total Posts: 2

Joined 2009-08-18

My site, http://www.in-a-dream.org, is having problems with space under the footer. Before it was a lot smaller, and then when I changed the layout somehow it became super stretched. I have no idea what is going on. The layout is not completely finished and I know there are broken images right now which will be changed. For right now the css is:

/* Begin Typography & Colors */
body {
    font-size: 70%; /* Resets 1em to 10px */
    font-family: Verdana, Arial, Sans-Serif,'Trebuchet MS';
    background: #6C6C6C url('images/background.jpg');
    color: #333;
    text-align: center;
    }

#page {
    text-align: left;
    position:relative;
       left:0;
       top:-1320px;
    width: 894px;
    }

#header {
    background: #BB2845 url('images/header.jpg') no-repeat bottom center;
    position:relative;
       left:0;
       top:0px;
    width: 676px;
    }

#topbackground {
    background: #C7D67F url('images/topbackground2.jpg');
    height: 1300px;
    }

#headerimg     { 
    margin: 7px 9px 0; 
    height: 370px; 
    width: 676px; 
    } 

#content {
    font-size: 1.2em;
    background: #FFFFFF url('images/contentbackground.jpg');
    position:relative;
       left:0;
       top:0px;
    text-align: left;
    padding: 0px 8px 0px 8px;
    width: 660px;
    }

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

#footer {
    background: #DFE1E3 url('images/footerbackground.jpg');
    border-bottom-color: #D2AED2;
    border-bottom-width: 3px;    
    border-bottom-style: solid;
    text-align: center
    }

h1, h2, h3 {
    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
    font-weight: normal;
    border-bottom: 1px dashed;
    line-height: 1.6em;
    }

h1 {
    font-size: 4em;
    text-align: center;
    }

h2 {
    font-size: 1.6em;
    }

#sidebar h2 {
    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {

    text-decoration: none;
    font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
    }

.entry p a:visited {
    color: #E0316C;
    }

.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em Verdana, Arial, Sans-Serif,'Trebuchet MS';
    }

.commentlist li {
    font-weight: bold;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family: Verdana, Arial, Sans-Serif,'Trebuchet MS';
    }

.commentmetadata {
    font-weight: normal;
    }

#sidebar {
    font: 1em Verdana, Arial, Sans-Serif,'Trebuchet MS';
    background: #FFFFFF url('images/sidebarbackground.jpg');
    }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }

code {
    font: 1.1em Verdana, Arial, Sans-Serif,'Trebuchet MS';
    }

a {
    color: #E03164;
    font-weight: bold;
    text-decoration: none;
    font-family: Verdana, Arial, Sans-Serif, 'Trebuchet MS';
    }

a:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    }

a:visited:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    }

.images  {
    margin: 0px 12px 0 0;
    padding: 10px;
    background-color: #E6E6E6;
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
}

.images:hover  {
    margin: 0px 12px 0 0;
    padding: 10px;
    background-color: #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.sideimages  {
    margin: 0px 0px 0 0;
    padding: 5px;
    background-color: #E6E6E6;
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
}

.sideimages:hover  {
    margin: 0px 0px 0 0;
    padding: 5px;
    background-color: #E2C1A2;
    border-bottom: 1px solid #E2C1A2;
    border-right: 1px solid #E2C1A2;
}

.images2  {
    margin: 0px 6px 0 0;
    padding: 5px;
    background-color: #E6E6E6;
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
}

.images2:hover  {
    margin: 0px 6px 0 0;
    padding: 5px;
    background-color: #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}
/* End Typography & Colors */

/* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0; 
    }

#page {
    background-color:transparent;
    margin: 20px auto;
    padding: 0;
    width: 894px;
    }

#header {
    background-color: #73a0c5;
    margin: 0 0 0 1px; 
    padding: 0; 
    height: 370px; 
    width: 676px;
    }

#headerimg {
    margin: 0;
    height: 370px;
    width: 100%;
    }

.narrowcolumn {
    float: left;
    padding: 0px 0px;
    margin: 0px 0px 0px 1px;
    width: 894px;
    }

#footer {
    clear: both;
    padding: 8px 8px 8px 8px;
    width: 660px;
    margin: 0px 1px;
    height: 142px;
    font-family: Verdana, Arial, Sans-Serif,'Trebuchet MS';
    color: #FFFFFF;
    }

/* End Structure */

/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }

h2 {
    margin: 15px 0 0;
    }

#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }
/* End Headers */

/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */ 

Continued in next post…

Profile

inadream

Posted: 18 August 2009 05:49 PM

[ Ignore ] [ # 1 ]

Newbie

Total Posts: 2

Joined 2009-08-18

/* Begin Lists */
html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    } 

html>body .entry li {
    margin: 7px 0 8px 10px;
    }

.entry ul li:before, #sidebar ul ul li:before {
    content: "BB 20";
    }

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }
/* End Entry Lists */



/* Begin Form Elements */
#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 3px;
    }

#commentform textarea {
    width: 80%;
    padding: 2px 2px 0 0;
    margin: 5px 5px 1px 3px;
    }
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

#commentform p {
    margin: 5px 0;
    }
/* End Comments */



/* Begin Sidebar */
#sidebar
{    margin-top: -2px;
    margin-left: 677px;
    padding: 0px 9px 8px 8px;
    width: 199px;
    text-align: justify;
    border-bottom-width: 2px;
    border-bottom-color: #769BD2;
    border-bottom-style: solid;
    border-top-width: 2px;
    border-top-color: #769BD2;
    border-top-style: solid;
    }
/* End Sidebar */


/* Begin Various Tags & Classes */
blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }
/* End Various Tags & Classes*/ 

Profile

‹‹ Border image help needed 100% Height not expanding passed the bottom of the browser window?? ››