If you view the below page in any other browser you will see it displays normally,
yet if you display it in IE6 for some reason it doesnt calculate the width of the page properly and it cuts out some of the border. How comes this is happening?
my CSS is below:
yet if you display it in IE6 for some reason it doesnt calculate the width of the page properly and it cuts out some of the border. How comes this is happening?
my CSS is below:
Code:
/* CSS Document */
/*Layout Objects*/
* {
margin: 0;
padding: 0;
}
body {
margin: 3% auto;
padding: 0;
text-align: center;
background-color: #CCCCCC;
}
#container {
margin:0 auto;
width: 70%;
min-height: 600px;
min-width: 850px;
height: 600px;
background-color: #FFFFFF;
border:1px solid #000;
}
/*Banner size 890px X 90px*/
#banner {
margin: 2px;
height: 90px;
border:1px solid #000;
background-image: url(images/banner.gif);
background-repeat: no-repeat;
}
#menu {
margin: 2px;
height:4%;
background-color:#666666;
border:1px solid #000;
}
#body {
margin: 2px;
height: 75%;
background-color: #CCCCCC;
border:1px solid #000;
overflow: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#footer {
margin: 2px;
height: 18px;
background-color:#666666;
border:1px solid #000;
clear:left;
text-align: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#cccccc;
}
#phpcontainer {
padding-top:3%;
padding-bottom: 3%;
margin:0 auto;
margin-top: 5%;
width: 50%;
height:60%;
background-color: #FFFFFF;
}
/*End of Layout Objects*/
/*Start Of Navigation*/
#nav ul{
padding : 1px 0;
margin : 0;
text-align: center;
width: 100%;
}
#nav li{
display : inline;
list-style-type: none;
}
#nav ul li a{
background-color: #666666;
color: #cccccc;
font-weight : bold;
text-decoration : none;
padding-left : 5%;
padding-right : 5%;
border:1px solid #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#nav ul li a:hover{
background-color:#333333;
color:#ffffff;
}
/*End Of Navigation*/
/*Start of Text Styles*/
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px ;
font-weight: bold ;
margin: 5px auto ;
text-align: center;
}
p {
padding-left: 10%;
padding-right: 10%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px ;
float: left;
}
Last edited:
