[CSS] Wyśrodkowanie ul Opcje

[potreb]

Witam. W jaki sposób wyśrodkować ul.

[CSS] pobierz, plaintext 
ul.pager {
margin: 0 auto;
padding:0;
list-style: none;
border: 1px solid #f4f4f4;
overflow: auto;
}
 
ul.pager li {
float: left;
margin: 1px 1px;
}
 
ul.pager li a, ul.pager li a:link, ul.pager li a:hover {
    text-decoration: none;
    padding: 6px 8px 6px 8px;
    display: block;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
}
 
ul.pager li span {
    text-decoration: none;
    padding: 4px 8px 3px 8px;
    display: block;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
}
 
ul.pager .current {
    font-weight: bold;
}
[CSS] pobierz, plaintext 

Margin auto dla ul nie działa, chyba że ustawię w css szerokość ul. Jednak tak nie może być.

Ten post edytował potreb 7.10.2009, 08:37:35

[nitek]

Margin auto dla ul nie działa, chyba że ustawię w css szerokość ul. Jednak tak nie może być.

w ramach potwierdzenia tego, co zostało napisane wcześniej:
"The W3C says, ?If both margin-left and margin-right are auto, their used values are equal. This horizontally centers the element with respect to the edges of the containing block.?

Horizontal alignment can be achieved, then, by setting the left and right margins to auto. This is an ideal method of horizontally aligning non-text-based elements; for example, layouts and images. But when center-aligning a layout or element without a specified width, you must specify a width in order for this to work."

źródło: http://www.smashingmagazine.com/2009/10/05...etting-started/

może jeszcze to Ci pomoże: http://24ways.org/2005/centered-tabs-with-css
efekt końcowy jest taki: http://24ways.org/examples/centered-tabs-with-css/final.html

Ten post edytował nitek 7.10.2009, 12:16:11