Log In
Home
April 20, 2005
Offline
Jag har gjort en hemsida som ska redovisas i skolan imorgon, men det har hänt något skumt i IE. När man håller musen över en länk så flyttas hela boxen åt sidan. Någon som vet vad felet kan vara?
Kan påpeka att detta inte händer om jag inte använder, , men då blir det för stor skillnad i firefox.
Här är css koden för navigationdelen som krånglar:
body {
background: #0099CC;
font-family: arial;
padding-top: 10px;
padding-left: 20%;
}
.nav {
width: 560px;
height: 22px;
margin-top: 15px;
}
a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6, a.nav7 {
background: #000000;
width: 80px;
height: 25px;
padding: 3px 21px;
font-weight: bold;
text-align: center;
}
a.nav1:hover {
background: #f80;
color: #000000;
width: 80px;
height: 25px;
}
a.nav2:hover {
background: #f80;
color: #000000;
width: 80px;
height: 25px;
}
a.nav3:hover {
background: #f80;
color: #000000;
width: 80px;
height: 25px;
}
a.nav4:hover {
background: #f80;
color: #000000;
width: 80px;
height: 25px;
}
a.nav5:hover {
background: #f80;
color: #000000;
width: 80px;
height: 25px;
}
a.nav6:hover {
background: #f80;
color: #000000;
width: 80px;
height: 25px;
}
a.nav7:hover {
background: #f80;
color: #000000;
width: 80px;
height: 25px;
}
October 23, 2001
Offline
Finns en känd bug i IE som gör att padding läggs ihop med width och height.
Exempel:
div {
width:100px;
padding-left:10px;
}
I IE blir diven 110px bred.
I alla andra läsare är diven 100px bred.
-->Såg att a har padding och width.
Läg i en
div {
width:100px;
}
a {
padding-left:10px;
}
Behöver se resten av koden för att vara säker.
April 20, 2005
Offline
Turbo123 wrote: Finns en känd bug i IE som gör att padding läggs ihop med width och height.
Exempel:
div {
width:100px;
padding-left:10px;
}I IE blir diven 110px bred.
I alla andra läsare är diven 100px bred.-->Såg att a har padding och width.
Läg i endiv {
width:100px;
}a {
padding-left:10px;
}Behöver se resten av koden för att vara säker.
Tack, det löste allt! 😀
Nu ser det mycekt bättre ut.
1 Guest(s)
