Okay, got another problem, different project.
I'm working on a site (here's the test): <!-- m --><a class="postlink" href="http://atlantacarvers.tripod.com/">http://atlantacarvers.tripod.com/</a><!-- m --> with 2 columns, header & footer. I've got the columns & header like I want, but the footer is not stretching across all the way. There's a gap on the right even though the padding is to 0. I was hoping one of you gurus could spot my error!
Here's the pertinent css:
body{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.166;
margin: 0px;
padding: 0px;
background: #ffffff;
text-align:center;
}
#container{
width: 98%;
padding: 0px;
background-color: #ffffff;
text-align: left;
margin-left: auto;
margin-right: auto;
border: #660000 solid 3px;
}
#masthead{
margin:0;
height: 150px;
width:100%;
background-image:url(woodbg.jpg);
border-bottom:#660000 solid 10px;
text-align: left;
}
#left{
float: left;
width:23%;
padding: 10px 10px 20px 20px;
background-color: #FFFFFF;
font-size: 13px;
font-weight: bold;
color: #660000;
font-family: Arial, Helvetica, sans-serif;
}
#content{
float: right;
width: 63%;
margin: 0px;
padding: 0px 20px 20px 0px;
}
#footer{
clear: both;
width:100%;
height: 30px;
border-top: 15px solid #CC9933;
font-size: small;
color: #cccccc;
padding: 20px 0px 10px 0px;
margin: 0px;
text-align: center;
background-color: #330000;
}
Thanks so much! (And I welcome any comments/criticism.)Oops! Meant :"Footer not cooperating"...For other eyeballs -- looks to be an IE problem.Yes indeed,
#container{
width: 98%;
padding: 0px;
background-color: #ffffff;
text-align: left;
margin-left: auto;
margin-right: auto;
border: #660000 solid 3px;So, pcthug (or anyone else) -
Any ideas on how I might get it to work in IE? I thought that's what you had to do to get the thing to center on the page. Still very much a novice, I'm sure you noticed!I ended up just taking the header & footer out of the container and letting them extend all the way across, and everything looks fine. Thanks for the help, though!
I'm working on a site (here's the test): <!-- m --><a class="postlink" href="http://atlantacarvers.tripod.com/">http://atlantacarvers.tripod.com/</a><!-- m --> with 2 columns, header & footer. I've got the columns & header like I want, but the footer is not stretching across all the way. There's a gap on the right even though the padding is to 0. I was hoping one of you gurus could spot my error!
Here's the pertinent css:
body{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.166;
margin: 0px;
padding: 0px;
background: #ffffff;
text-align:center;
}
#container{
width: 98%;
padding: 0px;
background-color: #ffffff;
text-align: left;
margin-left: auto;
margin-right: auto;
border: #660000 solid 3px;
}
#masthead{
margin:0;
height: 150px;
width:100%;
background-image:url(woodbg.jpg);
border-bottom:#660000 solid 10px;
text-align: left;
}
#left{
float: left;
width:23%;
padding: 10px 10px 20px 20px;
background-color: #FFFFFF;
font-size: 13px;
font-weight: bold;
color: #660000;
font-family: Arial, Helvetica, sans-serif;
}
#content{
float: right;
width: 63%;
margin: 0px;
padding: 0px 20px 20px 0px;
}
#footer{
clear: both;
width:100%;
height: 30px;
border-top: 15px solid #CC9933;
font-size: small;
color: #cccccc;
padding: 20px 0px 10px 0px;
margin: 0px;
text-align: center;
background-color: #330000;
}
Thanks so much! (And I welcome any comments/criticism.)Oops! Meant :"Footer not cooperating"...For other eyeballs -- looks to be an IE problem.Yes indeed,
#container{
width: 98%;
padding: 0px;
background-color: #ffffff;
text-align: left;
margin-left: auto;
margin-right: auto;
border: #660000 solid 3px;So, pcthug (or anyone else) -
Any ideas on how I might get it to work in IE? I thought that's what you had to do to get the thing to center on the page. Still very much a novice, I'm sure you noticed!I ended up just taking the header & footer out of the container and letting them extend all the way across, and everything looks fine. Thanks for the help, though!