Avatar billede fab Nybegynder
09. maj 2004 - 17:49 Der er 18 kommentarer og
1 løsning

align = middle i Mozilla og Firefox version 2

Hej med jer,

Nu har jeg fundet ud af hvad mit virkelig spørgsmål var - når jeg bruger en tabel i en <div>, så bliver text-align værdien ikke arvet ned til denne. Prøv at se om det giver mening ved at lure på følgende kode:

<html>
<head>
    <title>Eek</title>
</head>

<body>

<div style="text-align: center; width:100%">
Eek - dette element er fint centreret !
    <table border="1" width="200px" cellpadding="0" cellspacing="0">
        <tr>
            <td>Eek - hvorfor er tabellen ikke centreret ? Ikke selve teksten, men hele tabellen - Den ligger ud til venstre margin</td>
        </tr>
    </table>
</div>

</body>
</html>

Håber, at i gider svare :)

Frederik
Avatar billede viciodk Praktikant
09. maj 2004 - 17:54 #1
Du skal jo ikke skrive:

<table border="1" width="200px" cellpadding="0" cellspacing="0">

Men:

<table border="1" style="width: 200px" cellpadding="0" cellspacing="0">
Avatar billede roenving Novice
09. maj 2004 - 17:56 #2
Fordi en tabel er et block-level-element og som sådan ikke skal centreres som tekst !-)

<div style="text-align: center; width:100%">
Eek - dette element er fint centreret !
    <table border="1" style="margin:0px auto;width:200px" cellpadding="0" cellspacing="0">
        <tr>
            <td>Eek - hvorfor er tabellen ikke centreret ? Ikke selve teksten, men hele tabellen - Den ligger ud til venstre margin</td>
        </tr>
    </table>
</div>

</body>
</html>
Avatar billede fab Nybegynder
09. maj 2004 - 18:03 #3
Cool burger - det løser problemet, og giver god mening med table != text -

når nu du smider et svar så du kan få points, roenving, kan du så ikke lige forklare hvad det præcist er, der gør at tabellen bliver centreret ?

Frederik
Avatar billede roenving Novice
09. maj 2004 - 18:07 #4
Det er margin:0px auto; som betyder: Ingen margin over og under og automatisk margin i begge sider ...

Denne funktion virker desværre ikke i IE, men da den fejl-agtigt text-centrerer, vil den fulde konstuktion virke i stort set alle browsere !-)

-- og velbekomme '-)
Avatar billede roenving Novice
09. maj 2004 - 18:11 #5
-- og tak for point ;~}
Avatar billede olebole Juniormester
09. maj 2004 - 19:42 #6
<ole>

... og jo - det virker også fint med 'margin:0px auto' på en tabel i IE (uden 'text-align:center')  ;o)

/mvh
</bole>
Avatar billede roenving Novice
09. maj 2004 - 19:50 #7
Ja, men det bliver ikke centreret ...

I hvert fald hverken i min IE6 eller den plug-in, som min editor bruger !-)
Avatar billede olebole Juniormester
09. maj 2004 - 20:04 #8
Nej, tabellen er centreret - men ikke teksten i den ... det ville jo være en fejl, hvis det skete.
Heldigvis opfylder både Moz, Opera og IE standarden på dette område  :)
/mvh
Avatar billede roenving Novice
09. maj 2004 - 20:13 #9
Tabellen er ikke centreret ...
Avatar billede olebole Juniormester
09. maj 2004 - 20:18 #10
Så tror jeg, du trænger voldsomt til at få noget patched  =8-O
Hvis din IE6 ikke centrerer tabellen, er du upatched på laaaaangt farligere områder. Kan du _så_ se at komme afsted til MS' sider  ;o)
Avatar billede roenving Novice
09. maj 2004 - 20:26 #11
Det er rigtigt det er allerede 2 dage siden, jeg opdaterede ...
Avatar billede olebole Juniormester
09. maj 2004 - 20:40 #12
That sounds weird ...?!??!!! Hvad siger din 'Om Internet Explorer' om sig selv?
Avatar billede roenving Novice
09. maj 2004 - 20:44 #13
Det er den allerseneste version ...

-- men jeg har jo også haft den doctype, som fab har brugt aktiv !-)

-- det giver jo altid en anden indgangsvinkel til verden, hvis browseren henter fortolkningsreglerne i f.eks. denne fil: http://www.w3.org/TR/html4/loose.dtd
Avatar billede olebole Juniormester
09. maj 2004 - 20:48 #14
Dette fungerer i en vel-pathed XP - og en vel-patched IE6:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0px;
}
</style>
</head>
<body>

<div>
Eek - dette element er fint centreret !
    <table border="1" style="margin:0px auto;width:200px" cellpadding="0" cellspacing="0">
        <tr>
            <td>Eek - hvorfor er tabellen ikke centreret ? Ikke selve teksten, men hele tabellen - Den ligger ud til venstre margin</td>
        </tr>
    </table>
</div>

</body>
</html>
Avatar billede roenving Novice
09. maj 2004 - 20:51 #15
Ja !-)
Avatar billede olebole Juniormester
09. maj 2004 - 20:57 #16
Okay .... så kan jeg godt rede håret tilbage og sætte mig ned igen  ;o)
Avatar billede roenving Novice
09. maj 2004 - 21:16 #17
Men man kunne jo bruge chancen til at gøre fab opmærksom på den hensigtsmæssige i at bruge en doctype inkl. dtd-link !-)
Avatar billede olebole Juniormester
09. maj 2004 - 21:32 #18
Det syn's jeg, du skal gøre  :)
Avatar billede roenving Novice
09. maj 2004 - 21:38 #19
*lol*
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester