homepage Welcome to WebmasterWorld Guest from 54.234.59.94
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Footer problem in firefox. Tried and failed to many times
slimey




msg:1210412
 7:04 am on Apr 9, 2006 (gmt 0)

Hey there all, its me again with this stupid footer problem.

Ive tried and tried to get this to work i even re wrote the code but there is sumthing screwy and i cant work it out. Can anyone help me with my obviouse coding issues, ive only put up the code that i think is needed

html{
text-align: center;
margin: 0px;
padding: 10px 0px 0px;
height: 100%;
background: url(image/bg.jpg) repeat-x center top;
color: #999999;
}

/* start iemac hide \*/
* html #container {
height: 100%; /*gives IEWin it's improperly implemented height value*/
}
/* end iemac hide*/
body{
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: relative;
}

/*Layout Settings*/

#container {
background: url(image/shadow_r1_c1.gif) no-repeat left top;
width: 779px;
background-color: #FFFFFF;
position: relative;
text-align: left;
padding: 0px;
height: 100%; /*makes ff determine height by content*/
min-height: 100%;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
margin-top: 0px;

}

#other {
background: url(image/shadow_r1_c7.gif) right top no-repeat;
height: 100%; /*makes ff determine height by content*/
min-height: 100%;
padding-top: 5px;
margin: 0px;
padding-bottom: 0px;
position: relative;
}
#header {
width: auto;
height: 106px;
margin-top: 0px;
margin-bottom: 0px;
background: url(image/header.jpg) no-repeat center;
padding: 0px;
}

#content {
width: 560px;
padding: 0px;
margin-top: 15px;
margin-left: 20px;
}

#footer {
bottom: 0;
width: 100%;
border-top: 1px solid #CCCCCC;
position: absolute;
height: 21px;
}
hr.headpad {
margin: 0;
padding: 0;
border: 0;
height: 0px;
visibility: hidden;
}
hr.footpad{
margin: 0px;
padding: 0px;
border: 0;
height: 20px;
visibility: hidden;
}

<div id="container">

<div id="other"><hr class="headpad" />
<div id="header">
<h1> <span> Eschol Park Soccer Club </span> </h1>
</div>
<div class="menu">
<ul> menu </ul>
</div>
<div id="content">
<p>filler</p>
<p>filler</p>
</div>
<div id="right">
</div>
<hr class="footpad">
<div id="footer">
</div>
</div>
</div>

 

evo81




msg:1210413
 7:56 pm on Apr 9, 2006 (gmt 0)

Hey,

Try removing bottom: 0; in the footer css

Good Luck

slimey




msg:1210414
 10:42 pm on Apr 9, 2006 (gmt 0)

I fixed it a bit i added a % to the content area so it sits at the foot of the page now... i hope this is the last of this problem for me.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved