Avatar billede azzodiac Nybegynder
13. oktober 2004 - 14:07 Der er 5 kommentarer og
1 løsning

Centrer tabel med CSS til XHTML1.1

Hejsa.

Jeg forsøger at få en tabel centreret midt på skærmen, kun ved hjælp af CSS og samtidig at få koden til at overholde XHTML1.1 - dvs. inklusiv DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>X</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body style="width: 100%; height: 100%; margin: auto;">

<table style="width: 100%; height: 100%;">
<tr>
<td style="text-align: center;">
    X
</td>
</tr>
</table>

</body>
</html>

Tabellen centreres korrekt i IE, men i Firefox og Opera er tabellen stadig topjusteret.

Kan det fixes?
Avatar billede lablo Nybegynder
13. oktober 2004 - 14:22 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>X</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body style="MARGIN: auto; WIDTH: 1024px; HEIGHT: 768px">

<table style="WIDTH: 100%; HEIGHT: 100%">
<tr>
<td align="center" style="TEXT-ALIGN: middle" halign="center">
    X
</td>
</tr>
</table>

</body>
</html>

Sådan ser det ud efter man giver din body et antal pixels at arbejde med, men det afhænger af hvor stor en skærm din wiever bruger. men denne virker i mozilla, og firefox.

kan denne bruges ?
Avatar billede roenving Novice
13. oktober 2004 - 14:29 #2
Avatar billede azzodiac Nybegynder
13. oktober 2004 - 15:54 #3
Lablo, koden overholder ikke XHTML1.1. :-)

Roenving, der var den sq. Læg bare et svar.
Avatar billede roenving Novice
13. oktober 2004 - 16:13 #4
Velbekomme '-)
Avatar billede roenving Novice
13. oktober 2004 - 17:00 #5
-- og tak for point ;~}
Avatar billede lablo Nybegynder
13. oktober 2004 - 17:48 #6
Ok jeg havde ikke valideret den, jeg mente bare man kunne tildele den de pixels der skulle bruges for at kunen centrere den :-D , men så lærte jeg også noget idag.:-)
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