Sent by Lisa Ellington on 31 August 2005 13:01
Hi All--
I'm having issues trying to get 100% height.
I've tried a few methods but I just can't seem to get it down
completely.
Here is the URL: http://www.sveamerica.com/test/contact.php
CSS is below. If the content spans past the browser height, no problem,
but if it shorter, there is a gap between the content div and the
footer.
If anyone can help me I would really, really appreciate it.
Thanks,
Lisa
--------------------------------
body, html {
height: 100%;
text-align: center; /* for IE */
background-color: #24252A;
margin: 0;
font: 12px Arial, Helvetica, sans-serif;
}
/* ---[ Fonts ]------------------------------- */
a:link {
color: #FFF;
text-decoration: underline;
}
a:visited {
color: #FFF;
text-decoration: underline;
}
a:hover {
color: #CCC;
text-decoration: underline;
}
h1 {
color: #660000;
font: bold 21px Arial, Helvetica, sans-serif;
}
h3 {
color: #333;
font: regular 15px Arial, Helvetica, sans-serif;
}
/* ---[ Positioning ]------------------------------- */
#wrapper {
min-height: 100%;
width: 768px;
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center */
}
#header {
width: 100%;
height: 87px;
background: url(img/topBar.png) no-repeat;
background-color: #FFF;
}
#content {
background-color: #FFF;
height: 100%;
}
#menuBar {
width: 100%;
text-align: center;
}
#contentText {
font: normal 15px Arial, Helvetica, sans-serif;
color: #333333;
margin-left: 200px;
margin-right: 200px;
padding-bottom: 100px;
text-align: left;
}
#footer {
height: 63px;
width: 768px;
background: url(img/bottomBar.png) no-repeat;
margin: -50px auto; /* align for good browsers */
text-align: left; /* counter the body center */
}
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/