Footer Problem (v1.0) Options

[metalmikey]

I am having a problem taming my footer for my current design. I've spent hours trying to find it in the CSS but I may have missed something. If you look at my page

http://www.myspace.com/digitalmikey

You will notice the footer comes half way up in the comments section. I want to push that all the way back down to the bottom and have it stay there. Any help or ideas?

Here's the CSS:

CODE

<style>


.commentlinks a { font-weight:normal; font-size:9px; }


td.columnsWidening img, td.columnsWidening object { max-width:260px; }



td.columnsWidening img, td.columnsWidening object { width: ..this.width > 260 ? 260 : true); }

body, html {visibility:visible !important; display:block !important}


body { background-color:333333; background-image:url('http://digitalmikey.com/wp-content/themes/inverted-headline/images/bg.jpg'); background-attachment: fixed; background-position:top center; background-repeat:no-repeat; }

.masthead {position:absolute;width: 852px; height: 928px; margin-left: -425px; left: 50%; top: 40px; _margin-left:-426px;font-size: 11px; line-height: 12px; background-color:transparent; font-family: Arial, Helvetica, sans-serif; z-index:9;}

.worksection {position:absolute;width: 370px; margin-left: -416px; left: 50%; top: 980px; _margin-left:-426px;font-size: 11px; line-height: 12px; background-color:transparent; font-family: Arial, Helvetica, sans-serif; z-index:0;}

.profileInfo {display:none;}
.contactTable {display:none;}
.UserProfileURL {display:none;}


.redbtext { font-family:arial; color:666666; font-size:10px; }

.text { font-family:arial; color:666666; font-size:10px; }

.whitetext12 { font-family:arial; color:666666; font-size:10px; visibility:hidden; display:none; }

a, a:link, a:visited
{
color: 232306;
font-size:10px;
font-family:arial;
text-decoration: underline;
font-weight: normal;
}

a:hover
{
color: 666666;
text-decoration: none;
}

a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:232306); font-size:10px; text-decoration:underline; }

a.navbar:hover { font-family:arial; color:666666); font-size:10px; }

a.redlink:link
{
color: 232306;
font-size:10px;
text-decoration:underline;
font-weight: bold;
}

a.redlink:visited
{
color: 232306;
font-size:10px;
text-decoration:underline;
font-weight: bold;
}
a.redlink:hover { color: 666666; }

a.redlink:hover { font-family:arial; color:666666); font-size:10px; }

.nametext { font-family:arial; color:666666); font-size:10px; }

.btext { font-family:arial; color:666666; font-size:10px; }

.blacktext10 { font-family:arial; color:666666; font-size:10px; }

.blacktext12 { font-family:arial; color:666666; font-size:10px; }

.lightbluetext8 { font-family:arial; color:666666; font-size:10px; visibility:hidden; display:none; }

.orangetext15 { font-family:arial; color:666666; font-size:10px; visibility:hidden; display:none; }

.redtext { font-family:arial; color:666666; font-size:10px; }




table tr td font strong {color:666666; font-family:Arial;}

table, tr, td { background-color:transparent; border:none; border-width:0;}

table table { border: 0px }

table table table table{ border:0px }

table, tr, td, li, p, div { font-family:arial; color:666666; font-size:10px; }



table table table table div {visibility:visible;}
div table table table table table div input, div a, td.text div {visibility:visible;}
table table table table div {visibility:visible;}
div table table table table table div input, div a, td.text div {visibility:visible;}


p {margin: 0px 0px 1em 0px; font-family: Arial, sans-serif !important;}

div table td font {visibility:visible; display: none;}


</style>

<style>
body, html {visibility:visible !important; display:block !important}

.friendSpace {visibility:hidden; position:relative; left:30px; margin-top: 0px;}
.redlink{display:none;}
.commentlinks {display:none;}
.FriendsComments td b {visibility:hidden;}
.FriendsComments td b a {visibility:visible;}
.FriendsComments td b a {display:none}





div#googleLogo_Footer{
height:24px !important; position: relative;
}
a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
































table table td.text table td.text table span.orangetext15 {
position: relative;
top: -15px;
margin-bottom: -10px;
left: 5px;
visibility: visible;
display: block;
width: 454px;
height: 50px;
text-indent: -999999px;
_font-size: 0px !important;
background: transparent url(imagehere) no-repeat left top;
z-index: 0;
}

html body.bodyContent table tbody tr td table.friendsComments{
width: 800px !important;
position: absolute;
margin: 0 !important;
padding: 0 !important;
margin-top: -565px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -325px !important;
_width: 800px !important;
_margin-left: -2px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://www.digitalmikey.com/myspace/comments.png);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
width: 750px !important;
height: 50px !important;
color: 161616!important;
width: 850px;
position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: 50px;
line-height: 40px !important;
_width: 850px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 335px !important;
_margin-bottom: -1px !important;
}


html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-weight: normal;
color: ffffff;
padding: 0px 2px;













</style>

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

Replace the codes you posted with this:

CODE

<style>


.commentlinks a { font-weight:normal; font-size:9px; }


td.columnsWidening img, td.columnsWidening object { max-width:260px; }



td.columnsWidening img, td.columnsWidening object { width: ..this.width > 260 ? 260 : true); }

body, html {visibility:visible !important; display:block !important}


body { background-color:333333; background-image:url('http://digitalmikey.com/wp-content/themes/inverted-headline/images/bg.jpg'); background-attachment: fixed; background-position:top center; background-repeat:no-repeat; }

.masthead {position:absolute;width: 852px; height: 928px; margin-left: -425px; left: 50%; top: 40px; _margin-left:-426px;font-size: 11px; line-height: 12px; background-color:transparent; font-family: Arial, Helvetica, sans-serif; z-index:9;}

.worksection {position:absolute;width: 370px; margin-left: -416px; left: 50%; top: 980px; _margin-left:-426px;font-size: 11px; line-height: 12px; background-color:transparent; font-family: Arial, Helvetica, sans-serif; z-index:0;}

.profileInfo {display:none;}
.contactTable {display:none;}
.UserProfileURL {display:none;}


.redbtext { font-family:arial; color:666666; font-size:10px; }

.text { font-family:arial; color:666666; font-size:10px; }

.whitetext12 { font-family:arial; color:666666; font-size:10px; visibility:hidden; display:none; }

a, a:link, a:visited
{
color: 232306;
font-size:10px;
font-family:arial;
text-decoration: underline;
font-weight: normal;
}

a:hover
{
color: 666666;
text-decoration: none;
}

a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:232306); font-size:10px; text-decoration:underline; }

a.navbar:hover { font-family:arial; color:666666); font-size:10px; }

a.redlink:link
{
color: 232306;
font-size:10px;
text-decoration:underline;
font-weight: bold;
}

a.redlink:visited
{
color: 232306;
font-size:10px;
text-decoration:underline;
font-weight: bold;
}
a.redlink:hover { color: 666666; }

a.redlink:hover { font-family:arial; color:666666); font-size:10px; }

.nametext { font-family:arial; color:666666); font-size:10px; }

.btext { font-family:arial; color:666666; font-size:10px; }

.blacktext10 { font-family:arial; color:666666; font-size:10px; }

.blacktext12 { font-family:arial; color:666666; font-size:10px; }

.lightbluetext8 { font-family:arial; color:666666; font-size:10px; visibility:hidden; display:none; }

.orangetext15 { font-family:arial; color:666666; font-size:10px; visibility:hidden; display:none; }

.redtext { font-family:arial; color:666666; font-size:10px; }




table tr td font strong {color:666666; font-family:Arial;}

table, tr, td { background-color:transparent; border:none; border-width:0;}

table table { border: 0px }

table table table table{ border:0px }

table, tr, td, li, p, div { font-family:arial; color:666666; font-size:10px; }



table table table table div {visibility:visible;}
div table table table table table div input, div a, td.text div {visibility:visible;}
table table table table div {visibility:visible;}
div table table table table table div input, div a, td.text div {visibility:visible;}


p {margin: 0px 0px 1em 0px; font-family: Arial, sans-serif !important;}

div table td font {visibility:visible; display: none;}


</style>

<style>
body, html {visibility:visible !important; display:block !important}

.friendSpace {visibility:hidden; position:relative; left:30px; margin-top: 0px;}
.redlink{display:none;}
.commentlinks {display:none;}
.FriendsComments td b {visibility:hidden;}
.FriendsComments td b a {visibility:visible;}
.FriendsComments td b a {display:none}





div#googleLogo_Footer{
height:24px !important; position: relative;
}
a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
































table table td.text table td.text table span.orangetext15 {
position: relative;
top: -15px;
margin-bottom: -10px;
left: 5px;
visibility: visible;
display: block;
width: 454px;
height: 50px;
text-indent: -999999px;
_font-size: 0px !important;
background: transparent url(imagehere) no-repeat left top;
z-index: 0;
}

html body.bodyContent table tbody tr td table.friendsComments{
position: relative;
left: -190px!important;
top: 150px!important;
width: 800px !important;
margin: 0 !important;
padding: 0 !important;
padding-bottom: 150px!important;
overflow: hidden !important;
background-color: transparent !important;
_width: 800px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://www.digitalmikey.com/myspace/comments.png);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
width: 750px !important;
height: 50px !important;
color: 161616!important;
width: 850px;
position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: 50px;
line-height: 40px !important;
_width: 850px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_margin-bottom: -1px !important;
}


html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-weight: normal;
color: ffffff;
padding: 0px 2px;
}

</style>

Then look for this bit:

CODE

html body.bodyContent table tbody tr td table.friendsComments{
position: relative;
left: -190px!important;
top: 150px!important;
width: 800px !important;
margin: 0 !important;
padding: 0 !important;
padding-bottom: 150px!important;
overflow: hidden !important;
background-color: transparent !important;
_width: 800px !important;
}

Replace the underlined attribute's value with an appropriate number until the comments are where they need to be. See how that goes.

[metalmikey]

Thanks that worked perfectly. Now what is the code to hide the schools and the stuff that is showing out the left side of the div?

[Mickey]

Try this code:

CODE

<style>
.userProfileDetail, .userProfileSchool {display:none;}
</style>