Avatar billede paradise_lost Nybegynder
31. august 2004 - 10:01 Der er 8 kommentarer

Centre en Tabel

Hej, hvordan hulen centrer jeg lige en tabel i CSS. Her er hvad jeg har nu, men det virker ikke:

CSS:
#wallpaper {
width: 480px;
margin-left: auto;
margin-right: auto;
border:none;
}

HTML:
<table class="wallpaper" ..... </table>

Nogen der har en ide til hvorfor det ik virker
Avatar billede exp Juniormester
31. august 2004 - 11:02 #1
ovenstående vil sikkert virke i mozilla/opera, men ikke i IE

Kig istedet her:
http://bluerobot.com/web/css/center1.html
http://bluerobot.com/web/css/center2.html
Avatar billede paradise_lost Nybegynder
31. august 2004 - 11:34 #2
Hey, virker ikke, den første centerer hele min side, det skal den ikke. Og den anden kan det lykkes med, men så skal man selv side og ændre margin-left, og det er ikke ligefrem det mest hurtige. Var på udkig efter en enkel løsning, men det er der åbenbart ikke :)
Avatar billede knudgert Nybegynder
31. august 2004 - 16:00 #3
Brug en doctype, der sætter IE 6 i standatd mode, f.eks.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Vil du ha' IE 5 med, så er du nødt til også at bruge
table {text-align: center}
Avatar billede paradise_lost Nybegynder
01. september 2004 - 09:26 #4
Hej, jeg bruger disse doctype

<?php echo "<?xml version=\"1.0\" encoding=\"iso-8859-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">

Er det ik godt nok?
Avatar billede michaelashken Nybegynder
01. september 2004 - 11:00 #5
Du kan ikke bruge de doctypes du gør, da de sætter IE i quirks mode
Avatar billede paradise_lost Nybegynder
01. september 2004 - 11:17 #6
Øhh ok, det fatter jeg så ike så meget af :) Men ok. jeg har fundet en måde og centre på, men det virker kun i IE og ik i Mozilla og Opera.

<table>
<tr>
<td style="text-align: center;">

This css style only applies to the next DOM object and not the text that is contained in it.
<table><tr><td>content of table nr. 2</td></tr></table>

</td>
</tr>
</table>
Avatar billede knudgert Nybegynder
01. september 2004 - 12:49 #7
Nej, for der skal du bruge margin-left: auto og margin-right: auto og samtidig den rigtige doctype, så virker  det også i IE, når du sletter xmlversion.
Den er overflødig.
Sæt i stedet for
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
i <head>.
Avatar billede paradise_lost Nybegynder
01. september 2004 - 13:04 #8
Oki, takker, det vil jeg prøve imorgen når jeg lige har tid til det.
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