areed248
01-03-2006, 09:12 PM
Hi All. I have my page with the css as follows. Whatever I try, there is this mystery pixel that appears at the bottom right corner of the page. Does anyone know where this is coming from? Thank you!
html {height:100%;}
body {
margin:0; padding:0; height:100%;
font-family:Papyrus, Rockwell, Poor Richard, Times New Roman, serif;
background-color:#FFFFFF;
}
#wrap {
background:url(780.gif) top left repeat-y; /*--repeating 1px line for whitebackground--*/
min-height:100%;
width:780px;
margin:auto;
position:relative;
}
* html #wrap {height:100%}
#header {
background:#FFFFFF url(headsm.jpg) right no-repeat;
margin:0; padding:0;
border-bottom: 1px solid #496889;
height:117px;
}
#left {
background: #92AFBA;
border-bottom: 1px solid #496889;
border-left: 1px solid #496889;
border-right: 1px solid #496889;
float:left;
width:150px;
min-height: 83%;
height: 83%;
text-align:left;
}
#main {
position:relative;
margin-left:150px;
}
#right {
background: #92AFBA;
border-bottom: 1px solid #496889;
border-left: 1px solid #496889;
border-right: 1px solid #496889;
float:right;
width:150px;
text-align:left;
}
#content {
padding:5px;
margin-right:150px;
text-align:left;
}
#clearfooter {
clear:both;
height:12px;
overflow:hidden;
}
#footer {
position:absolute;
bottom:0;
height:12px;
border-top: 1px solid #496889;
border-bottom: 1px solid #496889;
border-left: 1px solid #496889;
border-right: 1px solid #496889;
background-color: #FFFFFF;
color:#496889; /*---text color--*/
font-size: 12px;
text-align:center;
width:778px;
}
* html #main,
* html #content {
height:1px;
}
#menu {padding:10px 3px; width:150px;}
ul#navmenu {width:143px;}
ul, li{
list-style:none;
margin:0;
padding:0;
}
html {height:100%;}
body {
margin:0; padding:0; height:100%;
font-family:Papyrus, Rockwell, Poor Richard, Times New Roman, serif;
background-color:#FFFFFF;
}
#wrap {
background:url(780.gif) top left repeat-y; /*--repeating 1px line for whitebackground--*/
min-height:100%;
width:780px;
margin:auto;
position:relative;
}
* html #wrap {height:100%}
#header {
background:#FFFFFF url(headsm.jpg) right no-repeat;
margin:0; padding:0;
border-bottom: 1px solid #496889;
height:117px;
}
#left {
background: #92AFBA;
border-bottom: 1px solid #496889;
border-left: 1px solid #496889;
border-right: 1px solid #496889;
float:left;
width:150px;
min-height: 83%;
height: 83%;
text-align:left;
}
#main {
position:relative;
margin-left:150px;
}
#right {
background: #92AFBA;
border-bottom: 1px solid #496889;
border-left: 1px solid #496889;
border-right: 1px solid #496889;
float:right;
width:150px;
text-align:left;
}
#content {
padding:5px;
margin-right:150px;
text-align:left;
}
#clearfooter {
clear:both;
height:12px;
overflow:hidden;
}
#footer {
position:absolute;
bottom:0;
height:12px;
border-top: 1px solid #496889;
border-bottom: 1px solid #496889;
border-left: 1px solid #496889;
border-right: 1px solid #496889;
background-color: #FFFFFF;
color:#496889; /*---text color--*/
font-size: 12px;
text-align:center;
width:778px;
}
* html #main,
* html #content {
height:1px;
}
#menu {padding:10px 3px; width:150px;}
ul#navmenu {width:143px;}
ul, li{
list-style:none;
margin:0;
padding:0;
}