Loading:

Zaplanuj Przeprowadzke - Ściągnij Darmową Aplikację na Androida

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>



Napisz Artykuł

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;
}


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=5263

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 37169
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors