Bredde = 100 pct. i IE samt bredde på list-elementer
Hej CSS-hajerJeg har følgende: (inspireret af Taming Lists på alistapart.com)
<html>
<head>
<style>
div#mnuJgMenu {
position: absolute;
left: 0px;
top: 50px;
width: 100%;
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
background-color: #000000
}
#mnuJgMenu ul {
margin: 0px;
padding: 2px;
font-weight: bold;
color: #ffffff;
}
#mnuJgMenu ul li {
margin: 0px;
padding: 0px 25px 0px 5px;
border-right: 1px solid #999999;
list-style: none;
display: inline;
background: url('menupil.png') no-repeat right center
}
#mnuJgMenu ul li:hover {
background-image: none;
cursor: pointer
}
</style>
</head>
<body>
<div id="mnuJgMenu">
<ul>
<li>Ildere</li>
<li>Kål</li>
<li>3mug</li>
</ul>
</div>
</body>
</html>
Problemerne er:
1) I Mozilla ser alt fint ud, men i IE (har kun v6) er <div>'en ikke 100% bred - det ligner, at IE laver plads til en scrollbar som ikke skal være der. Når jeg forsøgsvis sætter body {overflow: scroll} rykker min <div> dog endnu længere ind og efterlader atter 10-15 pixel i højre side
2) Hvis jeg tilføjer width: 125px; til min #mnuJgMenu ul li klasse så bliver <li>'erne 125 px i IE men ikke i Mozilla - hvordan laver man en fast bredde på en <li> i Mozilla ( = CSS)?
Håber på input...
- Jens Gram
