Code
@font-face {
font-family: "Century Gothic";
src:url(../fonts/GOTHIC.TTF);
src:url(../fonts/GOTHICB.TTF);
src:url(../fonts/GOTHICBI.TTF);
src:url(../fonts/GOTHICI.TTF);
}
body{
padding:0;
margin:0;
}
.menu{
Position: fixed;
Top:0;
Width:100%;
font: 16px/27px "Century Gothic";
Color:#FFFFFF
Height: 30px;
Background:#2D2D2D;
}
.menu a:hover{
Background-color:#676767;
Color:#CCCCCC;
}
.menu a{
text-decoration: none;
padding:6px 8px 7px;
Color:#CCCCCC;
Outline:none;
}
.menu ul{
List-style:none;
Margin:0px;
Padding:0 0 0 10px;
}
.menu ul li{
paddin:0;
float:left;
}
.active ul{
display:block !important;
}
.single ul{
display:block !important;
}
.active a{
background-color:white;
border:1px solid #C3D1EC;
border-bottom:0;
/*box-shadow*/
-webkit-box-shadow:0 -1px 5px #CCCCCC;
-moz-box-shadow:0 -1px 5px #CCCCCC;
box-shadow:0 -1px 5px #CCCCCC;
display:block;
height:29px;
padding:0 8px 0 8px;
position:relative;
z-index:1;
color:#3366CC;
}
.pt a{
background-color:#2D2D2D;
border-top:1px solid #FFFFFF;/*Aktuelle Side*/
border-bottom:0;
display:block;
height:25px;
padding:0 8px 0 8px;
position:relative;
z-index:1;
color:#FFFFFF;
font-weight:bold;
}
Hvor ligger problemet?
Ovenfor er CSS Filen set. Problemet er at i Internet explorer bugger menuen
så den i stedet for at blive set i 30px så får "pt" tagget en "menu" for sig selv og menuen bliver
derfor 55px høj i stedet. Prøvede at ændre height / fjerne den det resulterede i at border-top1px også
blev fjernet. Html filen ses her:
Code
<html>
<head>
<title>a</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<div class="menu">
<ul>
<li class="pt">
<a href="#">Link</a>
</li>
<li class="link">
<a href="#">Link</a>
</li>
<li class="link">
<a href="#">Link</a>
</li>
<li class="link">
<a href="#">Link</a>
</li>
<li class="link">
<a href="#">Link</a>
</li>
<li class="link">
<a href="#">Link</a>
</li>
<li class="link">
<a href="#">Link</a>
</li>
<li class="link">
<a href="#">Link</a>
</li>
</ul>
</div>
</body>
</html>
Det skal lige siges at i alle andre internet baserede programmer virker det fint.
Det er altså kun i internet explorer hvor det ikke virker. Jeg vil gerne fejlfinde det
da internet explorer er det de fleste mennesker stadig bruger.
Hvis i har flere spørgsmål eller gerne vil se det lagt ud på en server så i kan se problemet
så bare kontakt mig.