logo elektroda
logo elektroda
X
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

Jak wycentrować tabelę w div'ach w Operze? Na IE działa poprawnie

Kamerzysta 09 Mar 2007 11:06 1438 8
REKLAMA
  • #1 3659449
    Kamerzysta
    Poziom 17  
    Posty: 532
    Pomógł: 6
    Ocena: 36
    Witam
    Mam problem z wycentrowaniem tabeli w div'ach.
    Wejdźcie na www.mdkbarcin.yoyo.pl poprzez Operę a zobaczycie co się dzieje.. na IE jest wycentrowana. Proszę o pomoc.
  • REKLAMA
  • #2 3659505
    PAULIN
    Poziom 15  
    Posty: 145
    Pomógł: 13
    Ocena: 5
    przed definicją tabeli dodaj:
    <align="center">

    masz:
    <table border=1 width=500 height=auto left-margin=160>

    zrób:
    <align="center">
    <table border=1 width=500 height=auto left-margin=160>
  • REKLAMA
  • #3 3659543
    Kamerzysta
    Poziom 17  
    Posty: 532
    Pomógł: 6
    Ocena: 36
    zrobiłem <div align="center"> i wsio ok. Muszę jeszcze zobaczyć na FF jak tam wygląda.
  • #4 3659576
    roofy_1
    Poziom 17  
    Posty: 218
    Pomógł: 16
    Ocena: 16
    Witaj!!!
    Taka uwaga ;) jak korzystasz z ccsów to proponuję żebyś je wykorzystywał w kodzie :)
    Stronak fajnie napisana ale nie do końca....
    np.
    wcześniej definiujesz podstawa a potenm go nie wykorzystujesz

    <div class="podstawa">

    Pozdrwoenia dla Barcina :))
    Będę śledził stronkę i nowinki pojawiające się na niej:)

    Pozdr
  • REKLAMA
  • #5 3660548
    Kamerzysta
    Poziom 17  
    Posty: 532
    Pomógł: 6
    Ocena: 36
    Odnośnie podstawy... wywołanie jest w kodzie. :)
    Problem całkowicie się nie rozwiązał... w Firefox'ie stronka się rozpada :(
    Co tylko nie zrobię ciągle jest źle.. w IE i Operze jest OK.
  • #6 3660598
    krzychoocpp
    VIP Zasłużony dla elektroda
    Posty: 1866
    Pomógł: 387
    Ocena: 58
    Witam, więc tak: Strona opiera się na tabelach. To jest główny problem, tabele służą do prezentowania tabel, a nie do tworzenia layoutu. Wyrzuć tabele i zrób to na elementach blokowych (div i span). Styl najlepiej umieść w oddzielnym pliku (po co pobierać go za każdym razem). Zainteresuj się też Validatorem. Popraw błędy które on pokazuje. Strona z yoyo zawsze będzie mieć błędy, bo serwer dokleja reklamy, ale możesz wklepać kod do validatora bezpośrednio. Diva który jest na środku wycentrujesz nadając mu "margin: auto" w CSS i ustawiając szerokość.

    Pozdrawiam, Krzysztof.
  • #7 3662893
    Kamerzysta
    Poziom 17  
    Posty: 532
    Pomógł: 6
    Ocena: 36
    Częściowo wykonałem rady kolegi.. bynajmniej gdy tekst nie jest umieszczony w tabeli to za nic w świecie nie mogę go wyjustować.. Dlatego strona oparta jest o warstwy DIV a w nich jest tabela z tekstem.. W Mozilli wystąpił kolejny problem. Nie można wyświetlić obrazka. :(
  • #8 3663025
    krzychoocpp
    VIP Zasłużony dla elektroda
    Posty: 1866
    Pomógł: 387
    Ocena: 58
    Witam, obrazek nie wyświetla się bo ścieżka do niego jest podana źle. Jest "images\mdk2.jpg" a powino być "images/mdk2.jpg". Tekst justuje się w CSS za pomocą "text-align: justify", w divach też powinno działać. To dobrze że wrzuciłeś styl do oddzielnego pliku, ale zostawiłeś "</style>", możesz usunąć tę linijkę.

    Jeszcze dodam że w CSS też masz błędy, jeśli podajesz jakąś wartość liczbową inną od 0 to musisz dodać jednostkę, czyli nie "margin: 7" a np. "margin: 7%". Możesz się wspomóc validatorem CSS, jest nawet po polsku.

    Lepiej też żebyś wyrzucił wszystkie konstrukcje typu "align=center" w HTML, wszystko to dużo łatwiej i szybciej jest zrobić w CSS, a jeśli będziesz miał w dwóch miejscach, to łatwo o pomyłkę. Możesz ustawić DOCTYPE na wersję Strict i wtedy validator pokaże Ci wszystkie nieprawidłowości :)

    Pozdrawiam, Krzysztof.
  • REKLAMA
  • #9 3663887
    qmc
    Poziom 21  
    Posty: 515
    Pomógł: 32
    Ocena: 25
    Nie prosciej zrobić szkielet strony oparty o tradycyjne tabele? Szkielet na div'ach stosuje się przy duzych portalach gdzie jest spora ilosc kodu, aby przez to przyspieszyć ładowanie strony, a przy Twoim projekcie różnica będzie niezauważalna. Nalezy jednak pamiętać , aby nie przesadzać z iloscią zagniezdzenia tabel, bo google tego "nie lubi" :) Tak na marginesie, istniejeą kreatory online szablonów opartych na div'ach gdzie generuje ci kod strony jak i styl css. Pogoogluj troche, bo adresu niestety juz nie pamietam, a poszukac nie mam czasu na obecną chwile. Pzdr.

Podsumowanie tematu

✨ Problem dotyczy wycentrowania tabeli umieszczonej w divach na stronie internetowej, która poprawnie wyświetla się w Internet Explorerze, ale nie w przeglądarce Opera. Proponowano dodanie atrybutu align="center" bezpośrednio przed definicją tabeli lub opakowanie tabeli w div z align="center", co rozwiązało problem w Operze. Zwrócono uwagę na niepoprawne użycie tabel do layoutu strony, sugerując zastąpienie ich elementami blokowymi (div, span) oraz stosowanie stylów CSS z margin: auto do centrowania. Podkreślono konieczność poprawnego formatowania ścieżek do obrazków (użycie ukośników "/" zamiast ""), stosowania jednostek w wartościach CSS (np. margin: 7% zamiast margin: 7) oraz eliminacji atrybutów HTML typu align na rzecz CSS. Wskazano na użycie walidatora kodu HTML i CSS w celu wykrycia błędów. Dyskusja poruszyła także problemy z justowaniem tekstu w divach oraz kompatybilnością z przeglądarką Firefox, gdzie pojawiły się dodatkowe problemy z wyświetlaniem obrazków. Zasugerowano, że dla prostych stron można stosować tradycyjne tabele do layoutu, jednak przy większych projektach lepsze są divy z CSS.
Podsumowanie wygenerowane przez AI na podstawie treści dyskusji.
REKLAMA