Notifikationer

Markér alle som læst Log ud

grimshoc Nybegynder

03. august 2002 - 13:03 Der er 5 kommentarer og
3 løsninger

et let spørgsmål sikkert

Hvordan centrerer man <table> via css?

Synes godt om

Slettet bruger

03. august 2002 - 13:33 #1

Det kan du ikke.

Du kan dog lukke indholdet inde i en <div> eller <p> og aligne med dem. F.eks. således:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<style>

.centrer_indhold {
text-align:center
}

</style>

</head>

<body>
<p class="centrer_indhold">
<table width="200" border="1"><tr><td>kk</td></tr></table>
</p>
</body>
</html>

Dette burde også virke i nyere browsere (ikke i IE5)

.centeredtable {
margin-left: auto;
margin-right: auto;
}

Synes godt om

callesen Praktikant

03. august 2002 - 14:00 #2

Jo det kan man godt - altså uden div'er. Fx.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>ver. + hor. centrering af tabel</TITLE>
</HEAD>
<BODY>
<table STYLE="height:100%;width:100%;text-align:center; table-layout:fixed;" valign="middle">
<tr>
<td STYLE="HEIGHT:,(screen.height/2)-300,;border:1px solid #ff0000;"></TD>
</tr>
<tr>
<td STYLE="height:300px;border:1px solid #ff0;">
<TABLE BORDER="1" style="text-align:center; height:300px; width:80%; position:relative;" CLASS="maintable" valign="middle" BORDER="0">
<TR>
<TD WIDTH="50%" STYLE="height:50%;border:1px solid #00ff00;">
</TD>
</TABLE>
</td>
</tr>
<tr>
<td STYLE="HEIGHT:,(screen.height/2)-300,;border:1px solid #0000ff;"></TD>
</TR>
</table>
</BODY>
</HTML>

Synes godt om

callesen Praktikant

03. august 2002 - 14:02 #3

Jeg fik ikke luget helt ud - CLASS="maintable" er uden betydning i eksemplet - slet det.

Synes godt om

grimshoc Nybegynder

03. august 2002 - 15:00 #4

havde også prøvet den text-align fætter, men problemet er at når man bruger den fra stylesheeted så er det teksten i tabellen der bliver centreret (sjovt nok). Jeg må nok lige præcisere at jeg vil centrere tabellen fra stylesheeted og ikke style i dokumentet....

Synes godt om

callesen Praktikant

03. august 2002 - 15:07 #5

Så ta' inlinestylene og sæt i en CSS-fil.

Synes godt om

lequet Nybegynder

04. august 2002 - 13:35 #6

Det kan sagtens lade sig gøre :

<body style="text-align : center ;">

<table style="margin-left : auto ; margin-right : auto ; text-align : left ;">

margin-left og margin-right er nødvendige for at andre browsere end IE centrerer tabellen, og text-align : left ; er for at sikre at teksten i tabellen ikke også bliver centreret men kun selve tabellen. Det skulle meget gerne virke :)

Synes godt om

halu Nybegynder

05. august 2002 - 13:34 #7

Lequet har næsten ret, blot med den forskel at det er en Bug i IE der skaber problemerne og renderer bokse som tekst - ikke teksten i boksen som tekst:

<style>

.centerBox{
margin-left: auto;
margine-right: auto;
text-align: left;
}

.bugIE5{
text-align: center;
}

<html>
<body class="bugIE5">
<table class="centerBox">

......

følgende stylesheet vil 1) centrer boks-elementer med klassen centerBox &
sætte text-align til normal venster stilling, hvilket er nødvendigt for at korrigere IE5 fejlfortolkning css, hvor man ved at sætte text-align til center på <body> får centreret bokselementerne (og ikke som korrekt teksten i bokselementerne).

Denne bug er helt generel for alle boks elemnter, og altså også <div> o.l

Synes godt om

Slettet bruger

17. december 2002 - 07:35 #8

Lukketid?

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS