Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Jak wycentrować tabelkę?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
koodlaty
Jak zrobić by tabelka o zmiennym rozmiarze była wyświetlana zawsze dokladnie na środku strony? Da się...? smile.gif
Zajec
Cytat(koodlaty @ 20.09.2006, 08:05:21 ) *
Jak zrobić by tabelka o zmiennym rozmiarze była wyświetlana zawsze dokladnie na środku strony? Da się...? smile.gif

Kod
style="margin: 0 auto;"
koodlaty
A ja kombinowałem jak koń pod górę...
BIG THX smile.gif
php programmer
ale to chyba nie działa we wszystkich przeglądarkach
koodlaty
Ok, ok... Ale podane przez Ciebie rozwiązanie działa pod FF ale nie pod IE...
Prph
Nie jestem pewnien, czy to zadziala, ale moze umiesc tabelke w divie o text-align: center.

Adrian.
koodlaty
smile.gif Ciekawe - pierwsze rozwiązanie działa w FF drugie w IE. Jak się połączy oba - jest ok. Dzięki
TomASS
Ja to robię tak:
1. ogólny plik styli:
Kod
div#main {
    position: relative;
    text-align: left;
    width: 700px;
    border-left: 1px solid #ACA899;
    border-right: 1px solid #ACA899;
    margin: 0 auto;
    background-color: #FFFFFF;
}

2. w pliku daje
  1. <link rel="stylesheet" type="text/css" href="style.css" />
  2. <!--[if lte IE 6]>
  3. <style type="text/css">
  4. BODY{
  5. text-align: center;
  6. }
  7. </style>
  8. <![endif]-->
koodlaty
Bradzo zgrabnie.

Nie widzę jednak przeszkód by stosować oba rozwiązania jednocześnie...?
TomASS
Przeszkód brak smile.gif Nawet się waliduje smile.gif
My4tic
A dlaczego uzywasz komentarzy warunkowych dla IE < 6 ? Pewnie bedziesz miał probelm z wyświetleniem pod IE7 i późniejszymi wersjami - chyba, że Microsoft coś poprawi/łquestionmark.gif

Co do stosowania obu argumentów jednocześnie to jak najbardziej - tak. Validator wszystko ładnie przyjmuje a w koncu to zawsze 4 linie kodu mniej smile.gif
TomASS
Oczywiście kolego My4tic masz 100% racji. Jednak dla żądjących wiedzy na temat komentarzy warunkowych nic trudnego poprawić (np. tutaj) smile.gif Dałem tylko przykład.
gekon
Ja tam widzę przeciwskazania w stosowaniu text-align i margin jednocześnie. Treść przeważnie jest wyjustowana (albo wyrównana do lewej). Text-align jest dziedziczone więc trzeba zmieniać text-align dla kontenera z treścią - ergo wolę komentarze warunkowe tym bardziej, że czasem uzbiera się więcej rzeczy tylko dla IE.
TomASS
Nic nie stoi na przeszkodzie aby w komentarzu warunkowym zamknąć również text-align:
  1. <!--[if IE]>
  2. <style type="text/css">
  3. BODY{
  4. text-align: center;
  5. }
  6. div#main {
  7. text-align: ......
  8. }
  9. </style>
  10. <![endif]-->
gekon
O tym własnie mówię.
kicaj
  1. body
  2. {
  3. margin: 0px;
  4. text-align: center;
  5. }
  6.  
  7. #box
  8. {
  9. margin: auto;
  10. }
  11.  
  12. <div id="box">
  13. Lorem...
  14. </div>


Wycentrowanie w poziomie dziala na wszystkich przegladarkach, jednak nie pamietam co jest z centrowaniem w pionie...
ano
W FAQ'u są opisane wasze problemy winksmiley.jpg
Temat: CSS i XHTML Najczesciej zadawane pytania
Zajec
Cytat(koodlaty @ 20.09.2006, 09:08:17 ) *
Ok, ok... Ale podane przez Ciebie rozwiązanie działa pod FF ale nie pod IE...

IE zrozumie użyte
Kod
style="margin: 0 auto;"
jak zaserwujesz mu dokument z DOCTYPE strict.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.