Avatar billede Claus Mester
02. august 2003 - 22:07 Der er 14 kommentarer og
1 løsning

CSS: Centrer alle tabels

Hej med jer.

Hvordan centrere jeg en tabel i CSS?

Nicolaus
Avatar billede schaefner Juniormester
02. august 2003 - 22:08 #1
Avatar billede schaefner Juniormester
02. august 2003 - 22:09 #2
I dit tilfælde er det så:

body {text-align: center;}

table {margin: auto;}
Avatar billede Claus Mester
02. august 2003 - 22:16 #3
Jeg udtrykte mig vist ikke helt klart:

Jeg har tre selvstændige tables på min side.

Tabel øverst:
Venstre/højre margin 0.

Tabel midt:
Skal centreres, teksten er ligestillet.

Tabel nederst:
Som øverst.

Dvs. at det kun er den midterste tabel der skal centreres på skærmbillet.
Avatar billede schaefner Juniormester
02. august 2003 - 22:19 #4
#tblmidt {
  margin: auto;
  width: 75px;
}


<table ... id="tblmidt"><tr>
<td>Bla bla</td>
</tr></table>
Avatar billede Claus Mester
02. august 2003 - 22:25 #5
Nej, ikke helt. Tabellen holder sig til venstre margin. Width ændre på bredden af den.
Avatar billede schaefner Juniormester
02. august 2003 - 22:27 #6
jeg tror ikke jeg er med på hvad du mener
Avatar billede superanden Nybegynder
02. august 2003 - 22:30 #7
hvad mener du med venstre/højre margin? er det noget du selv har fundet på?
Avatar billede Claus Mester
02. august 2003 - 22:33 #8
Style ...
body {
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
}
Table 1 placere sig således øverst og fylder (width 100%) hele øverste del.
Table 2(der skal centreres), placere sig iht. eksempel ude i venstre margen og width ændre på bredden af den. Meningen er, at table 2 skal placere sig mellem table øverst og nederst - og centreret.
Avatar billede Claus Mester
02. august 2003 - 22:52 #9
Prøv lige en gang at se her:
http://www.geocities.com/cflygenring/
Følg linket "Tabel centrering i CSS ..."

Så tror jeg i bedre forstår hvad jeg mener :-)
Avatar billede Claus Mester
03. august 2003 - 17:52 #10
Og der blev helt stille.
Jeg forøger point til 50 ...

Opsummering:
Tabel 2.1 på sitet (linket), skal defineres i CSS, så det tabellen er centreret på siden (som vist).

nicolaus
Avatar billede roenving Novice
03. august 2003 - 18:01 #11
hvad med:

#Center{
  position:absolute;
  height:400px;
  width:600px;
  left:50%;
  top:50%;
  margin-left:-300px;
  margin-top:-200px;
}
Avatar billede Claus Mester
03. august 2003 - 19:52 #12
Selvfølgelig :-)) - Og det brugte jeg point til - kunne jo ha' tænkt mig til det selv iht. dit svar på tidligere spørgsmål !!!!!

Men tak, det virkede - selvfølgelig! Husk et svar.
Avatar billede roenving Novice
03. august 2003 - 19:54 #13
*gg*

-- og velbekomme '-)
Avatar billede roenving Novice
03. august 2003 - 20:34 #14
-- og tak for points ;~}
Avatar billede Claus Mester
03. august 2003 - 21:02 #15
Tak selv :o)
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
Kurser inden for grundlæggende programmering

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