Ik heb mijn website vorm gegeven met css.
Nu zie ik echter dat het klopt in firefox maar niet in internet explorer.
http://visitatie-lof.be/
Dit is mijn css bestand:
/* CSS Document */
*{
padding: 0px;
margin:0px;
}
body{
width: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: black;
}
#container{
width:800px;
margin:auto;
}
#header{
background-color: green;
background-image:url("images/Logo.jpg");
background-position: center;
background-repeat: no-repeat;
height: 230px;
padding-left: 100px;
padding-top: 25px;
margin-right: -159px;
}
#header h1{
margin-left: 300px;
color: orange;
margin-top:25px;
}
#menu a{
display: block;
padding-left: 7px;
padding-right:7px;
color: orange;
text-decoration: none;
font-size: 20px;
font-family: Courier;
}
#menu a:hover{
background-color: orange;
color: green;
}
#menu ul{
margin: 0;
padding:0;
background-color: #00FFFF;
}
#menu li{
background-color: green;
list-style-type: none;
border:thin solid;
}
#menu{
float: left;
height: 538px;
background-color:green;
padding-bottom:-10px;
}
#inhoud{
background-color: #96d553;
width: 96%;
margin-left:172px;
padding-left: 10px;
padding-right: 10px;
height: 538px;
}
Nu zie ik echter dat het klopt in firefox maar niet in internet explorer.
http://visitatie-lof.be/
Dit is mijn css bestand:
/* CSS Document */
*{
padding: 0px;
margin:0px;
}
body{
width: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: black;
}
#container{
width:800px;
margin:auto;
}
#header{
background-color: green;
background-image:url("images/Logo.jpg");
background-position: center;
background-repeat: no-repeat;
height: 230px;
padding-left: 100px;
padding-top: 25px;
margin-right: -159px;
}
#header h1{
margin-left: 300px;
color: orange;
margin-top:25px;
}
#menu a{
display: block;
padding-left: 7px;
padding-right:7px;
color: orange;
text-decoration: none;
font-size: 20px;
font-family: Courier;
}
#menu a:hover{
background-color: orange;
color: green;
}
#menu ul{
margin: 0;
padding:0;
background-color: #00FFFF;
}
#menu li{
background-color: green;
list-style-type: none;
border:thin solid;
}
#menu{
float: left;
height: 538px;
background-color:green;
padding-bottom:-10px;
}
#inhoud{
background-color: #96d553;
width: 96%;
margin-left:172px;
padding-left: 10px;
padding-right: 10px;
height: 538px;
}