Loading:

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.imagepng 2.cos 3.zip-read() 4.curl_init 5.uksort() 6.iptcembed 7.ftp_cdup 8.mktime() 9.ftp_nlist 10.flush()

56853.05

Wyśrodkowanie elementu bez zdefiniowanej szerokości + poprawka dla IE

Skrypt wyśrodkowuje element UL o nazwie 'zawartosc' wewnątrz DIV'a z klasą 'pojemnik'. Kod posiada trzy wersje: dla nowych przeglądarek, alternatywne rozwiązanie oraz wersja dla IE6 i IE7.

Listing 1.0 pokazuje wyśrodkowanie tagu bez szerokości dla nowych przeglądarek. (Lisitng 1.1 zawiera alternatywną wersję)

Listing 2.0 to wyśrodkowanie tagu bez szerokości dla IE6 i IE7.

Przykłady są kombatybilne ze wszystkimi przeglądarkami.

Przykład użycia w HTML:

<div class="pojemnik">
<ul class="zawartosc">
<li>Funkcje.net</li>
</ul>
</div>

Listing

//Listing 1.0 - Wersja oficjalna dla wyśrodkowania

.pojemnik{
display:table;
margin:0 auto;
}
ul.zawartosc{
display:table-cell;
}

//Listing 1.1 - Alternatywna wersja działa w 100%

.pojemnik{
width:100%
}
ul.zawartosc{
display:table;
margin:0 auto
}

//Listing 2.0 - wersja dla IE 6, 7

.pojemnik {
display:block;
margin:0;
text-align:center;
}
ul.zawartosc{
display:inline;
zoom: 1;
}