Validnim XHTML-om nemoguce centrirati tabelu za FF !!!

[ zgas @ 14.10.2009. 21:52 ] @

<center> tag je zabranjen u striktnom XHTML-u.

Predlozena zamena je <div style="text-align: center"> (umesto da su nam kodovi kraci oni su sve duzi).

E sada ako na ovaj validan nacin zelem da centriram tabelu, najnovija verzija FireFoksa 3.5 tabelu zalepi za levu stranu!

Code:
<div style="text-align: center;">

        <table>
            <tbody>
                <tr>
                    <td>neki podaci</td>
                </tr>
            </tbody>
        </table>

</div>

Pomoc!

[ snake_master @ 14.10.2009. 23:05 ] @

Ti ovde koliko vidim centriras text u okviru DIV-a, a ne tabelu.

Ako si mislio da centriras tabelu radi pravljenja layouta, onda imas pograsan pristup.

xHTML + CSS = tableless layout :)

[ deZio @ 14.10.2009. 23:45 ] @

Probaj ovako:

Code:
<div>

        <table style="margin: auto;">
            <tbody>
                <tr>
                    <td>neki podaci</td>
                </tr>
            </tbody>
        </table>

</div>

[ zgas @ 15.10.2009. 07:33 ] @

Hvala deZio, treba malo vremena dok se nauci bez <center>.

Znaci sve blok elemente moram pojedinacno da centriram sa "margin: auto;"?

[ deZio @ 16.10.2009. 00:50 ] @

Citat:

zgas: Hvala deZio, treba malo vremena dok se nauci bez <center>.

Znaci sve blok elemente moram pojedinacno da centriram sa "margin: auto;"?

Ne moraš ako ti nije potrebno... ;)

[ zgas @ 16.10.2009. 12:23 ] @

Bilo bi dobro da ne kvarimo temu besmislenim porukama.
Vidjao sam takvih tema i poruka koje odbijaju korisnike i obesmisljavaju ovaj forum.

[ Nemke_BG @ 16.10.2009. 23:12 ] @

obicno se koristi varijacija gore pomenutog koda tj. margin: 0 auto; posto gornja i donja margina ne moraju da budu setovane na auto.

takodje postoje i drugi nacini za hor. poravnanje ali oni su uglavnom svi dosta komplikovaniji i koriste se samo po potrebi....

[ zgas @ 17.10.2009. 11:55 ] @

Hvala svima.

[ deZio @ 18.10.2009. 13:25 ] @

Citat:

zgas: Bilo bi dobro da ne kvarimo temu besmislenim porukama.
Vidjao sam takvih tema i poruka koje odbijaju korisnike i obesmisljavaju ovaj forum.

Poruka nije besmislena. Postoje block elementi u stranici za koje je nepotrebno koristiti centriranje. A pošto ne znam strukturu tvoje stranice, ovo je jedini odgovor koji sam ti mogao dati..
Nemke_BG je u pravu. Znači sve zavisi šta tačno hoćeš..

[ OMOH @ 19.10.2009. 02:20 ] @

Za horizontalno centriranje dovoljno je samo u div staviti align="center". style sam dodao kako bi jasnije video.

Evo korpiraj ovo pa vidi:

Code:
<div align="center" style="width:500px; height:500px; background-color: #ccc;">

        <table border="1">
            <tbody>
                <tr>
                    <td>neki podaci</td>
                    <td>neki podaci</td>
                    <td>neki podaci</td>
                </tr>
                <tr>
                    <td>neki podaci</td>
                    <td>neki podaci</td>
                    <td>neki podaci</td>
                </tr>
                <tr>
                    <td>neki podaci</td>
                    <td>neki podaci</td>
                    <td>neki podaci</td>
                </tr>
            </tbody>
        </table>

</div>

Ako imas jos nesto u tom div elementu svakako je bolje margin: auto.

[ zgas @ 19.10.2009. 08:05 ] @

Hvala OMOH, ali "align" atribut se izbacuje iz upotrebe:

http://www.w3schools.com/tags/tag_DIV.asp

Jasno mi je da je "margin: 0 auto" glavni za centriranje, posto su "Nemke_BG" i "deZio" pomenuli da postoje drugi komplikovaniji nacini koji se koriste u posebnim slucajevima, da li neko moze da ih navede?