Hey
jeg har i et lille stykke tid arbejdet på ungnews.eu og har sat et design op.. problemmet er at designe ser fint ud i Firefox men når men så gør over i IE er der en fejl i min menu! ved ikk hvad det er!
Min css kode
/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
background-color:#e7e7e7;
}
#ramme {
width:850px;
height:100%;
background-color:#e7e7e7;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
}
#top {
width:850px;
height:100px;
background-image:url('../images/top.jpg');
}
#left {
width:150px;
height:100%;
vertical-align:top;
}
#middle {
width:550px;
height:100%;
margin-bottom: 50px;
margin-top: 0px;
}
#right {
width:150px;
height:100%;
}
#menu_ramme {
border-right:1px solid #000000;
border-bottom:1px solid #000000;
width:149px;
height:100%;
}
#right_menuramme {
border-left:1px solid #000000;
border-bottom:1px solid #000000;
width:148px;
height:100%;
}
.mellemrum {
width:4px;
}
#mellemrum {
height:20px;
width:150px;
}
.menu {
width:9px;
}
.menu_middle {
border:1px solid #000000;
width:540px;
margin-left:-9px;
left:-9px;
}
/*###################################*/
/*######## Menu billederne ##########*/
/*###################################*/
.login {
background-image:url('../images/menu_login.jpg');
width:150px;
height:20px;
}
.generelt {
background-image:url('../images/menu_generelt.jpg');
width:150px;
height:20px;
}
.partner {
background-image:url('../images/menu_partner.jpg');
width:150px;
height:20px;
}
.sog {
background-image:url('../images/menu_Sog.jpg');
width:150px;
height:20px;
}
.statestik {
background-image:url('../images/menu_annonce.jpg');
width:150px;
height:20px;
}
.treath_10new {
background-image:url('../images/menu_10_nye.jpg');
width:150px;
height:20px;
}
.menu_lang {
background-image:url('../images/menu_lang.jpg');
height:20px;
}
/*###################################*/
/*######## Links til sitet ##########*/
/*###################################*/
A.new {
color:#000000;
text-decoration:none;
}
A.new:hover {
color:#000000;
text-decoration:underline;
}
ul.menu5 {
padding: 0 1px 1px 1px;
margin: 0;
background: #EAEAEA;
width: 149px;}
ul.menu5 li {
list-style: none;
margin: 0;
border-top: 1px solid #OOOOOO;
text-align: left;}
ul.menu5 li a {
display: block;
_width:12.75em;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 0.45em solid #CCCCCC;
background: #e7e7e7;
text-decoration: none;}
ul.menu5 li a:link {
color: #448;}
ul.menu5 li a:visited {
color: #448;}
ul.menu5 li a:hover {
border-color:#999999;
color: #000000;
background: #CCCCCC;}
/*###################################*/
/*######## Tekst boksene ############*/
/*###################################*/
.input {
font-family:"Courier New", Courier, monospace;
font-size:11px;
border:1px solid #CCCCCC;
}
.submit {
border:1px solid #CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
og html koden
Det er kun menu som jeg giver..
<div id="left">
<br />
<div class="generelt"></div>
<div id="menu_ramme">
<div class="menu">
<ul class="menu5">
<li><a href="?page=home">Forsiden</a></li>
<li><a href="?page=forum/fora">Forum</a></li>
<li><a href="?page=games/search">Spil / Film </a></li>
<li><a href="?page=news/news_arcive">Nyheds Arkiv </a></li>
<li><a href="?page=music/music_movies">Musik / Film </a></li>
<li><a href="?page=jury_ungnews">Bruger Politik</a></li>
<li><a href="?page=contact_us">Kontakt</a></li>
</ul>
</div>