Forum Moderators: not2easy
doctype: xhtml, css 2.1
also if someone knows this, i can't center the picture <img src="/image2/veluwseethuiswissel.jpg" alt="" /> whitout the <center> tags, it doesn't work without them.
I hope someone can help me to solve this error that IE is making
btw in the css in the <body> tag there is padding and margin at 0px
in html:
<div id="mainheader">
<div id="header">
<div><div class="veluwseethuiswissel"><center>
<img src="/image2/veluwseethuiswissel.jpg" alt="" /></center></div>
<img src="/image2/foto-home.jpg" alt="veluws eethuis wissel" title="" />
</div>
<div>
<div class="navlink"><img src="/image2/homev.jpg" alt="" /></div>
<div class="navlink"><a class="menukaart" href="/menukaart.html" ><img src="/image2/menukaart.jpg" alt="" /></a></div>
<div class="navlink"><a class="arrangementen" href="/arrangementen.html"><img src="/image2/arrangementen.jpg" alt="" /></a>
</div>
<div class="navlink"><a class="routebeschrijving" href="/routebeschrijving.html"><img src="/image2/routebeschrijving.jpg" alt="" /></a>
</div>
<div class="navlink"><a class="omgeving" href="/omgeving.html"><img src="/image2/omgeving.jpg" alt="" /></a></div>
<div class="navlink"><a class="contact" href="/contact.html"><img src="/image2/contact.jpg" alt="" /></a></div>
<img src="/image2/space.jpg" alt="" />
</div>
</div>
</div>
in css:
#mainheader {
background-image: url(/image2/achtergrond-top.jpg);
width: 100%;
padding: 0px;
}
#header {
width: 800px;
margin-left: auto; margin-right: auto;
padding: 0px;
}
#veluws-eethuis img {
margin-left: auto; margin-right: auto;
}
#veluws-eethuis-wissel {
width: 100%;
}
.navlink {
float: left;
margin: 0px;
padding: 0px;
}
a.home
{width:109px; height:42px; display:block;
background-image:url(/image2/homev.jpg);}
a.home:hover
{background-image:url(/image2/homev.jpg);}
a.home:hover img {visibility: hidden;}
a.menukaart
{width:120px; height:42px; display:block;
background-image:url(/image2/menukaartv.jpg);}
a.menukaart:hover
{background-image:url(/image2/menukaartv.jpg);}
a.menukaart:hover img {visibility: hidden;}
a.arrangementen
{width:152px; height:42px; display:block;
background-image:url(/image2/arrangementenv.jpg);}
a.arrangementen:hover
{background-image:url(/image2/arrangementenv.jpg);}
a.arrangementen:hover img {visibility: hidden;}
a.omgeving
{width:114px; height:42px; display:block;
background-image:url(/image2/omgevingv.jpg);}
a.omgeving:hover
{background-image:url(/image2/omgevingv.jpg);}
a.omgeving:hover img {visibility: hidden;}
a.routebeschrijving
{width:167px; height:42px; display:block;
background-image:url(/image2/routebeschrijvingv.jpg);}
a.routebeschrijving:hover
{background-image:url(/image2/routebeschrijvingv.jpg);}
a.routebeschrijving:hover img {visibility: hidden;}
a.contact
{width:100px; height:42px; display:block;
background-image:url(/image2/contactv.jpg);}
a.contact:hover
{background-image:url(/image2/contactv.jpg);}
a.contact:hover img {visibility: hidden;}
