Avatar billede verakso Nybegynder
01. maj 2001 - 14:19 Der er 7 kommentarer og
2 løsninger

Centrering af Tabel med CSS

Simpelt Spørgsmål, få point

Hvordan kan jeg centrere en tabel med valid CSS?

Resten af siden er strict xhtml så align=center duer ikke...
Avatar billede bratkid Nybegynder
01. maj 2001 - 14:20 #1
align=\"center\"
Avatar billede bratkid Nybegynder
01. maj 2001 - 14:23 #2
<table align=\"center\"
Avatar billede mikkelfunck Nybegynder
01. maj 2001 - 14:26 #3
i stylesheet:
#table
{
position : relative;
left : 50%;
top : 50%;
}

og så sætte < table id=table > 

noget i den stil...

Avatar billede verakso Nybegynder
01. maj 2001 - 14:37 #4
Til bratkid:

Siden er lavet i strict xhtml (http://www.w3.org/TR/2000/REC-xhtml1-20000126/), så man kan ikke bruge <table align=\"center\">

Til mikkelfunck:
Det er næsten rigtigt, man ville dog også kunne sætte stylen direkte på <tabel style=\"position:relative;left:50%;\">.
Jeg har udeladt top, da man mystisk nok kan sætte height : 100%;, men problemet med position relative & left 50% er, at tabellen ikke er centreret, men blot starter 50% inde på siden.

Måske man kunne lave noget med position relative 50% minus position absolut eller lignende.... jeg ved det ikke
Avatar billede mikkelfunck Nybegynder
01. maj 2001 - 14:45 #5
Du lokker vist.... ;-)
Kan det her bruges ?

function height()
{
    if(document.all)
    {
        scrheight = screen.availheight;
        return scrheight;
    }
    else
    {
        if (document.layers)
        {
        scrheight = window.outerHeight;
        return scrheight;
   
        }   
    }
}

function width()
{
    if(document.all)
    {
        scrwidth = screen.availwidth;
        return scrwidth;
    }
    else
    {
        if (document.layers)
        {
        scrwidth = window.outerWidth;
        return scrwidth;
        }
    }
}

relWidth = (scrwidth - tableWidth)/2;
relHeight = (scrheight - tableheight)/2;

tableWidth og tableHeight er bredden på din tabel

relWidth og relHeight Skal indsættes som parametre i din tabel.
Avatar billede mikkelfunck Nybegynder
01. maj 2001 - 14:49 #6
Du kan selvfølgelig bruge outer- og inner - height/width (NS) alt efter hvad du skal bruge.

(eller availheight/availwidth contra height/width hvis det er IE)
Avatar billede mikkelfunck Nybegynder
01. maj 2001 - 14:52 #7
Og nu vil jeg fedte i fælledparken og få en pilsner...
Avatar billede verakso Nybegynder
01. maj 2001 - 15:00 #8
Der må da for pokker være en nemmere måde.
Jeg kan ikke forestille mig at W3 først afskaffer align=center, og anbefaler at man bruger style i stedet, uden at fortælle hvordan man så skulle kunne gøre det...

Din kode er sikkert helt korrekt, men jeg er bange for at det vil give ligesåmeget bøvl at implementere javascript i xhtml dokumentet...

Nå jeg har ændret doctype\'n, til Transitional! - gidder ikke det pis mere, æv.
Avatar billede olebole Juniormester
01. maj 2001 - 17:33 #9
<ole>
Ellers prøv:

<html>
<head>
<style type=\"text/css\">
#bla {
    height:100%;
    width:100%;
    text-align:center;
}
</style>
</head>

<body>

<div id=\"bla\">
<table>
<tr>
    <td>khyjygjyfg</td>
</tr>
</table>
</div>

</body>
</html>

/mvh
</bole>
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