HTML - Footer Div Problem In Ie

So my site works in FF, Safari and IE8 (sorta). However, my sticky footer is getting screwed up in IE7. Im sure it has something to do with margins and padding issues but I can't seem to come up with a solution that works. I based the footer on this article: http://www.lwis.net/journal/2008/02/...sticky-footer/

My template is located at: http://current-post.com

Everything should be w3 valid. Help!

Hi,

I have a problem with a design (http://www.kinoaguilar.com/james/) where if the webpage is not bigger than what the browser can display, then my footer appears in a really 'crappy' way. The easy way to fix it would be to add blank space, but I'd rather not do that. Does anybody know the 'correct' way to fix it?

~lukis100

My fault, the padding pushed the div outward covering the links at the bottom.

....I had enough! My footer is all over the place! Why can't it just move down when the text becomes longer! I am just using <div>. My header, the nav bar and the right side bar are fixed and I want the footer to just fit in underneath. Anybody got some code which solves that problem?

Chris

PHP Code:
<?php
echo "<div class='mainarea'>";
include ("includes/header.inc");

include ("includes/navigation.inc");


if ($var == 'service' or $var == 'consultancy')
{         echo "<div class='textarea_services'><p><br /></p>";
        include ("text.php");
        echo "</div>";        
}
else
{         echo "<div class='textarea'><p><br /></p>";
        include ("text.php");
        echo "</div>";        
}                


if ($var != 'service' and $var != 'consultancy'){include ("includes/rightside.inc");}

if ($var != 'privacy'){include ("includes/footer.inc");}
echo "</div>";
?>

The footer on my webpage stays with the bottom of the window - now when I make the window smaller, the footer moves with the window and then stays there, when I scroll down, the footer stays in the middle of the text. WHAT'S WRONG?

Please have a look:
http://www.stainless-expert.com/new/index.php

Thanks

Chris

This is the website I'm working on:

http://glacurh.nacurh.org/GLACURH2011/

I cannot, for the life of me, get a footer put below everything with a thin, solid border on it with text aligned in the middle. The footer width, including the border, should be 800x40. The background color should be #FABF8F.

Please help! I don't know what I'm doing wrong!

You all rock!

I couldn't find my footer anywhere on my page, when I copied a footer from another page of mine, it put the footer in the wrong place and I can't get it to go back to being a footer instead of part of the content box.

Please help!

Hi, im trying to create a footer that sticks to the bottom of my page and stays there. Please help, im sorta new with this, html/css stuff, I have tried many of the codes that i have searched on google. Any other ways? Please tell me. Thanks

Hello,
I'm not a web designer in any sense, but I'm doing this website for a friend. However, I can't figure out how to set the footer to the position I need it to be in. I need the white text to appear on the blue bar that goes across the bottom of the page. But the footer keeps starting at the bottom of the page and it's just getting to the point where I've spent way too many hours trying to figure it out and it's making me pretty mad.

Here's the page I'm specifically talking about:
http://dianarusselldesign.com/bbb.html

I'm using Dreamweaver 8 because I'm poor, and again, NOT a web designer.

Here's a screencap of what the css and dreamweaver set ups look like.
http://i367.photobucket.com/albums/oo120/meepum/css.jpg
http://i367.photobucket.com/albums/oo120/meepum/bbb.jpg

PLEASE HELP! Thank you!

Hello, So I posted a while ago that I'm having issues with the footer on a website I'm making for a friend.

Here's a jpg of how it looks now: http://i367.photobucket.com/albums/o...epum/weird.jpg

So I really really need the footer to be RIGHT UNDER the sidebar. I can find all kinds of tutorials online about making the footer "sticky" to the bottom of the page, but nothing about making it start at an exact location.

The sidebar ends at 519px and I want the footer to start at 525px. I've tried putting that into the position property, but in dreamweaver it just shows up crossed out.

Does anyone have any input? I'm getting so frustrated and angry that I can't fix this. It's driving me nuts.

Thank you for any help!!!

I'm not sure whether this is a CSS problem or Html but I'm gonna post it here any way.

My footer moves up on my photos pages. I put the footer php file in the exact place I put it on the home page. I don't get why it moves up on my photo page though.

Here is the link
http://www.wizardsbuzz.com/photos

Ok I just deleted about 100 links off of this page:

http://lmiinc.com/LMIinc_Links.html

And now as you can see there is some extra space.

What do I have to do in order to make it look "normal"?

Thanks.

I'm trying to add some buttons at the end of every post and this is the code I was given: Code:

<a expr:href='&quot;http://www.yardbarker.com/author/new?pUrl=&quot; + data:post.url + &quot;&amp;pHead=&quot; + data:post.title' target='_blank'><img src='http://www.yardbarker.com/images/extern/bark_wide.gif' style='border: 0; padding: 0 0 0 15; vertical-align: bottom;'/></a>
<a expr:href='&quot;http://ballhype.com/post/url/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='BallHype: hype it up!' height='22' src='http://images.ballhype.com/img/hype/button_96x22.png' width='96'/></a>

I tried to paste that in after the line: " <div class='post-footer-line post-footer-line-3'/>" but it keeps showing me an error. I'm using a blogger blog by the way. Thanks for any help you can give. I forgot to mention the site is http://notqualifiedtocomment.blogspot.com/

I'll having issue on my page, I want to insert a footer for the copyright of this page but I cannot figure out what or how could I insert a footer to my css code and html code.

Code:

body 
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #FFFAFA;
}

a:link {
color: #1C1C1C;
text-decoration: none;
}     /* unvisited link */
a:visited {
color: #1C1C1C;
text-decoration: none;
}  /* visited link */
a:hover {color: #0099CC}   /* mouse over link */
a:active {color: #0099CC}   /* selected link */

 
.seperators {color: white}/* Navigation selector */
#nav {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#nav  a:link {
color: #FFFFFF;
text-decoration: none;
}     /* unvisited link */
#nav  a:visited {
color: #FFFFFF;
text-decoration: none;
}  /* visited link */
#nav a:hover {color: #0099CC}   /* mouse over link */
#nav  a:active {color: #0099CC}   /* selected link */


/* menu*/


/* left column  */
#left {
  position: absolute;
  left: 15px;
  top: 160px;
  width: 200px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #D3D3D3;
  }
#left  .searchengine {
  width: 180px; 
  margin: 10px;
  background: #DCDCDC; 
  padding-bottom: 4px;
  padding-top: 4px; 
  border-bottom: 0.5pt solid RGB(0,0,0);
  }
#left img {width: 180px; margin: 10px;}
#left .leftbox {width: 180px; margin: 10px;}
#left .leftbox .leftheaderbox {
  background: url('../images/Header.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 30px; 
  font-size: 14px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#left .leftbox .leftheaderbox span {
  top: 7px; 
  left: 6px; 
  position: relative; 
  color: #F0F8FF;
}
#left .leftbox .leftheaderlist {
  background: url('../images/headerlist.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 25px; 
  font-size: 12px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#left .leftbox .leftheaderlist span {
  top: 7px; 
  left: 7px; 
  position: relative; 
  color: #F0F8FF;
}

#left .leftbox .leftboxlist{
  border-top: 1px outset;
  font-size: 10px;
  background: #E2E2E2;
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 18px;
  padding-top: 4px;
  height: 18px;
  border-left-style: none; 
  border-right-style: none;
  border-top-style: none;
  border-bottom: 0.5pt solid RGB(0,0,0);
}

/* middle column  */
#center {
  position: absolute;
  top: 155px;
  width: 543px;
  margin-left: 230px;
  margin-right: 230px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #C8C8C8 ;
  }
#center .middlenav{
width: 543px;
height: 20px; 
background: #A80000;
border-bottom: 1.5pt solid #D2B48C;
}
#center .middlecontent{
width: 543px;
}
#center .middlecontent .title{
position: relative; 
font-size: 12px;
font-weight: bold;
text-align: left; 
margin: 5px;
background: #D3D3D3;  
color: #708090;
border-top: 1.5pt solid #A80000;
border-bottom: 1.5pt solid #A80000;
}

#center .middlecontent .content{
position: relative; 
margin: 5px;
font-size: 10px;
text-align: justify;  
text-indent: 5px;
}


/* right column  */
#right {
  position: absolute;
  right: 15px;
  top: 160px;
  width: 200px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #D3D3D3;
  }
#right .rightbox {width: 180px; margin: 10px;}
#right .rightbox .rightheaderbox {
  background: url('../images/Header.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 30px; 
  font-size: 14px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#right .rightbox .rightheaderbox span {
  top: 7px; 
  left: 6px; 
  position: relative; 
  color: #F0F8FF;
}
#right .rightbox .rightheaderlist {
  background: url('../images/headerlist.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 25px; 
  font-size: 12px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#right .rightbox .rightheaderlist span {
  top: 7px; 
  left: 7px; 
  position: relative; 
  color: #F0F8FF;
}

#right .rightbox .rightboxlist{
  border-top: 1px outset;
  font-size: 10px;
  background: #E2E2E2;
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 18px;
  padding-top: 4px;
  height: 18px;
  border-left-style: none; 
  border-right-style: none;
  border-top-style: none;
  border-bottom: 0.5pt solid RGB(0,0,0);
}

And here the actual output/page





I want the footer to be like as my header just a rectangular, please someOne help me with this.