ozkan003 adlı üyeden alıntı: mesajı görüntüle
arkadaşlar elimdeki css menünü ortalanmasını istiyorum bir kaç kez kendim uğraştım ama ortalıyamadım. anlayana birisi lütfen el atsın.
benim istediğim arka zemin sayfayı komple kaplasın menü linkleri ortalansın.

html kodu

<html>
<head>
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
<div id='cssmenu'>
<ul>
<li class='active '><a href='http://www.***.com'><span>Haber</span></a></li>
<li><a href='http://***.net'><span>Emlak</span></a></li>
<li><a href='http://***.net'><span>Firma Rehberi</span></a></li>
<li><a href='http://***.net'><span>Araba</span></a></li>
<li><a href='http://***.net'><span>2 El Esya</span></a></li>
<li><a href='http://***.net'><span>IS-ELEMAN</span></a></li>
<li><a href='http://***.com'><span>FORUM</span></a></li>
<li><a href='http://***.com'><span>RADYO</span></a></li>
<li><a target="_blank" href='http://***.com/flashchat.php'><span>SOHBET</span></a></li>
<li><a href='http://***.com'><span>DIL KURSU</span></a></li>
<li><a href='http://***.com/iletisim/'><span>ILETISIM</span></a></li>
</ul>
</div>
</head>
</html>

css kodu

#cssmenu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
text-transform:uppercase;
font-size:12px;
background:transparent url('images/black.jpg') repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#cssmenu li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
#cssmenu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:8px 15px 0 15px;
height:18px;
height:22px;
}
#cssmenu li a:hover{
background:transparent url('images/blue.jpg') repeat-x top left;
} 

        body {
            margin: 0;
            padding: 0;
        }

        #cssmenu {
            margin: 0;
            padding: 0;
            list-style-type: none;
            width: auto;
            position: relative;
            display: block;
            height: 30px;
            text-transform: uppercase;
            font-size: 12px;
            font-family: Helvetica,Arial,Verdana,sans-serif;
            background: transparent url('images/black.jpg') repeat-x top left;
        }

            #cssmenu ul {
                margin: 0 auto;
                width:980px;
            }

                #cssmenu ul li {
                    display: block;
                    float: left;
                    margin: 0;
                    padding: 0;
                    border-right: 1px solid #ffffff;
                }

                    #cssmenu ul li a {
                        display: block;
                        float: left;
                        color: #ffffff;
                        text-decoration: none;
                        padding: 8px 15px 0 15px;
                        height: 18px;
                        height: 22px;
                    }

                        #cssmenu ul li a:hover {
                            background: transparent url('images/blue.jpg') repeat-x top left;
                        }
Şeklinde yaparsan sorun düzelir.