Verschil firefox - internet explorer

Status
Niet open voor verdere reacties.

Sven2007

Gebruiker
Lid geworden
8 feb 2007
Berichten
113
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;


}
 
Sla dit op als > stylesheet.css

Code:
{
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 moet je in alle bestanden de stylesheet nog oproepen.
Dit doe je met de onderstaande code, deze moet je in de HEAD-tag zetten.

Code:
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
 
Hmm, ik merk geen verschil hoor. De inhoud blijft daar zo onderaan zweven ...

Kan iemand mij helpen ??
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan