2012-04-12 10 views
0

Vielen Dank für das Lesen, ich habe ein Menü, das von links und rechts von der ul positioniert ist, aber ich denke, dass ein wenig weißen Freiraum in IE auf der linken SeiteWie css-Menü zentrieren und linken Randraum in ie loswerden?

Es sieht in Chrome, Firefox und Opera aber in IE (alle Versionen) hat Raum und seine nicht zentriert

hier ist die HTML-

<div class="menu"> 
<ul> 
<li id="current"><a href="#">Strona Glowna</a></li> 
<li><a href="#">O nas</a></li> 
<li><a href="#">Wlasciciel</a></li> 
<li><a href="#">Kontakt</a></li>     
</ul> 
</div> 

und die CSS

.menu { 
    border:none; 
    border:0px; 
    margin:0px; 
    padding:opx; 
    font: 100% Arial; 
    font-size:14px; 
    font-weight:900; 
} 
.menu ul { 
    background:#333333; 
    height:35px; 
    list-style:none; 
    margin:auto; 
    padding:0 242px 0; 
    } 
.menu li { 
    float:left; 
    padding:0px; 
    } 
.menu li a { 
    background:#333333 url("images/seperator.gif") bottom right no-repeat; 
    color:#cccccc; 
    display:block; 
    font-weight:normal; 
    line-height:35px; 
    margin:0px; 
    padding:0px 25px; 
    text-align:center; 
    text-decoration:none; 
    } 
    .menu li a:hover, .menu ul li:hover a { 
     background: #FF0000 url("images/hover.gif") bottom center no-repeat; 
     color:#FFFFFF; 
     text-decoration:none; 
     } 

.menu li ul { 
    background:#333333; 
    display:none; 
    height:auto; 
    padding:0px; 
    margin:0px; 
    border:0px; 
    position:absolute; 
    width:225px; 
    z-index:200; 
    } 
.menu li:hover ul { 
    display:block; 
    } 
.menu li li { 
    background:url('images/sub_sep.gif') bottom left no-repeat; 
    display:block; 
    float:none; 
    margin:0px; 
    padding:0px; 
    width:225px; 
    } 
.menu li:hover li a { 
    background:none; 
    } 
.menu li ul a { 
    display:block; 
    height:35px; 
    font-size:12px; 
    font-style:normal; 
    margin:0px; 
    padding:0px 10px 0px 15px; 
    text-align:left; 
    } 
    .menu li ul a:hover, .menu li ul li:hover a { 
     background:#2580a2 url('images/hover_sub.gif') center left no-repeat; 
     border:0px; 
     color:#ffffff; 
     text-decoration:none; 
     } 
    .menu li ul #current { 
    background:#2580a2 url('images/hover_sub.gif') center left no-repeat; 
    border:0px; 
    color:#ffffff; 
    text-decoration:none; 
    } 
.menu p { 
    clear:left; 
    } 

Eine Live-Demo finden Sie unter adamlisik.co.uk/kantor

Vielen Dank für Ihre Hilfe

+0

ist Ihr Körper zentriert zu erklären gefunden werden? – hjpotter92

+4

Sie scheinen ein "Padding" von 'opx' anstelle von' 0px' in Ihrem CSS für '.menu' zu haben. –

Antwort

0

Sie benötigen einen Doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
+0

Danke das macht den Trick! – thepolishboy