Hej, håller på med en hemsida men har upptäckt att menyn buggar i IE.
http://e-hotellet.se/~ccc/badaboom/
Sidan validerar i både css och xhtml.
Skulle vara jättetacksam om någon ids lägga ner tid och kolla på problemet!
Html-koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Badaboom-studios.se</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div>
<div id="content">
<div id="header"></div>
<div id="top"></div>
<div id="main">
<a href="?newsid=16"><font class="rubrik">Lorem ipsum</font></a><br />
<i>23:e Februari, 2008</i>. || 0 kommentarer<br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio elit, commodo ac, elementum sed, pretium ac, nisi. Cras lorem. Sed semper fringilla purus.
Nullam in purus sollicitudin neque lacinia rutrum. Nullam egestas eleifend sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Donec et mi nec lectus tristique condimentum. Proin accumsan odio. Phasellus nunc arcu, nonummy eget, accumsan aliquet, vestibulum sed, erat. Phasellus enim est,
volutpat suscipit, pharetra et, varius eu, ante. Maecenas vestibulum suscipit sapien. Sed interdum mattis lorem.<br /><br />
<a href="?newsid=15"><font class="rubrik">Lorem ipsum</font></a><br />
<i>23rd February, 2008</i>. || 0 kommentarer<br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio elit, commodo ac, elementum sed, pretium ac, nisi. Cras lorem. Sed semper fringilla purus.
Nullam in purus sollicitudin neque lacinia rutrum. Nullam egestas eleifend sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Donec et mi nec lectus tristique condimentum. Proin accumsan odio. Phasellus nunc arcu, nonummy eget, accumsan aliquet, vestibulum sed, erat. Phasellus enim est,
volutpat suscipit, pharetra et, varius eu, ante. Maecenas vestibulum suscipit sapien. Sed interdum mattis lorem.<br /><br />
</div>
<div id="bottom"></div>
</div>
<div id="menu">
<a href="index.php"><img src="bilder/hem.png" alt="" /></a><br />
<a href="info.php"><img src="bilder/info.png" alt="" /></a><br />
<a href="media.php"><img src="bilder/media.png" alt="" /></a><br />
<a href="gastbok.php"><img src="bilder/gastbok.png" alt="" /></a><br />
<a href="kontakta.php"><img src="bilder/kontakta.png" alt="" /></a><br />
</div>
</div>
</body>
</html>
och css-koden:
body {
background-image: url(bilder/bakgrund.png);
background-repeat: no-repeat;
background-position: top;
background-color: #000;
}
#content {
margin: 0px auto;
width: 666px;
}
#header {
float: left;
background-image: url(bilder/header2.png);
background-repeat: no-repeat;
background-position: left;
width: 666px;
height: 142px;
}
#top {
float: left;
margin-top: -10px;
background-image: url(bilder/top.png);
background-repeat: no-repeat;
width: 666px;
height: 22px;
}
#main {
width: 638px;
float: left;
min-height: 147px;
padding-left: 14px;
padding-right: 14px;
margin-right: -4px;
padding-top: 10px;
font-family: verdana;
color: #3d3e3d;
font-size: 10px;
background-image: url(bilder/main.png);
background-repeat: repeat-y;
}
#bottom {
float: left;
background-image: url(bilder/bottom.png);
background-repeat: no-repeat;
width: 666px;
height: 22px;
}
#menu {
padding-top: 154px;
}
#menu img {
margin-bottom: 3px;
}
#admin {
text-align: right;
padding-top: 5px;
font-size: 10px;
height: 20px;
}
.bild {
width: 139px;
border: 1px solid #cccccc;
padding: 7px;
}
.bild:hover {
border: 1px solid #7a7a7a;
}
.bilder {
float: left;
text-align: center;
margin: 2px;
}
.gb {
padding: 4px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.gb:hover {
border-left: 1px solid #7a7a7a;
border-right: 1px solid #7a7a7a;
background-color: #e4f6db;
}
#flashplayer {
float: left;
padding-left: 4px;
padding-right: 4px;
width: 658px;
background-image: url(bilder/main.png);
background-repeat: repeat-y;
}
#kategori {
background-image: url(bilder/kategori.png);
background-repeat: no-repeat;
width: 661px;
height: 26px;
}
.img:hover {
text-decoration: none;
border: none;
}
input,textarea {
font-family: verdana;
color: #3d3e3d;
font-size: 10px;
padding: 2px;
background-color: #e4f6db;
border: 1px solid #a1c68e;
}
input {
margin: 1px;
padding: 3px;
}
textarea {
width: 400px;
}
input:focus,textarea:focus {
background-color: #fff;
}
:focus {
outline: none;
}
img {
border:none;
}
.rubrik {
font-family: verdana;
color: #6f9b65;
font-size: 14px;
}
.fel {
border: 1px solid #ff9090;
background-color: #ffe1e1;
}
a {
color: #6f9b65;
text-decoration: none;
}
a:hover {
color: #757575;
text-decoration: none;
}