So, I've been trying to build a website to house my portfolio and resume. Because, well, being jobless sucks.
My footer and my content panels don't reach the bottom of the page. Although, the content very well does...
http://img.photobucket.com/albums/v1...ebsitewip6.jpg
http://img.photobucket.com/albums/v1...ebsitewip7.jpg
The first is IE, the second is Firefox... I think. Well, it's one or the other.
The following is the CSS code for the content (the text and picture) and the footer (the copyright text).
Code:
#content {
background: #FFFFFF;
position: absolute;
top: 203px;
width:750px;
height: 100%;
padding-top: 20px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 20px;
border-top: 0px;
border-bottom: 0px;
border-left: #999999 5px solid;
border-right: #999999 5px solid;
font-family: Verdana, sans-serif;
color: #666666;
font-size: 10pt;
line-height: 1.5em;
text-align: left;
}
#footer {
position: absolute;
top: 100%;
z-index: 1;
width:800px;
height: 30px;
font-family: Verdana, sans-serif;
color: #666666;
font-weight: lighter;
font-size: 9pt;
font-variant: small-caps;
text-align: center;
}
The following is the HTML script:
Code:
<div id="content">
I am teh content. Lorum ipsum.
Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets
anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway.
XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway.
XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD</P>
Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets
anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway.
XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway.
XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD Aww allergic to guinea pigs? Its alright, they are boring pets anyway. XD</P>
<p align="center"></p>
</div>
<div id="footer">
© 2007, Grace "MingYun" Fong
</div>
Once I upload this page, I'll also need peopel to view it in Opera, Safari, and Netscape, so if you use or have any of those, please post and do me the favor of checking?
EDIT:
However, if I remove the height = "100%", I get this:
http://img.photobucket.com/albums/v1...ebsitewip8.jpg
I want the white/grey to tile down ad infinitum to wher ethe scrollbar ends.