Center tabel med ext CSS

<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
body{text-align:center;}
.center{
  margin-left:auto;
  margin-right:auto;
  width:760px;
  background:#22ee7f;
  /*og billede: background-image:url('')*/
  border:1px solid black;
  text-align:center;/*eller:left;*/
}
</style>

<table class="center">
    <tr>
        <td>hallo</td>
    </tr>
</table>

takker > roenving
Jeg forstår ikke det første: html,body{height:100%;margin:0px;padding:0px;}
body forstår jeg OK - men ikke html,body
gider du forklare

Hos mig virker det kun når man har body{text-align:center;}
Kan det ikke gøres på anden måde :)

Ovenstående er lavet for at virke under alle omstændigheder ...

Hvis du sætter korrekt doctype inklusive dtd-link vil du kunne nøjes med bredde og margin-angivelserne i .center-klassen ...

body{text-align:center} er med, fordi IE ikke forstår grundlæggende css, hvis ikke der er ordentlig doctype på, så den ikke forstår margin:auto; -- til gengæld sætter den fejlagtigt andet end inline-elementer til at følge en text-align, meget belejligt her, for så kan vi få det til at du i alle browsere (inklusive ældre IE'er som under ingen omstændigheder forstår andet end absolut margin !-)

-- og den første med html og body er en standard-ting, jeg altid har med, for hvis man har brug for at placere sine elementer selv, er det irriterende at en browser ikke kan finde ud af hvor browser-kanten er ...

-- og hvis man godt vil benytte %-vis højde er det nødvendigt at sætte en start-højde, som procenten kan beregnes af, hvis man ønsker at skrive korrekt css med korrekt doctype !o]

html-elementet kan jeg godt forstå, at du ikke er bekendt med, men foreløbig kender jeg 2 steder, hvor det er nødvendigt at bruge (begge under forudsætning af en fuldt kvalificeret doctype !-)

-- til udfyldelse af skærmen i højden skal den ovenstående 100%-angivelse med, og hvis man ønsker at bruge scrollbar-colors skal de angives på html-elementet, når man kører med doctype ...

-- og angivelsen af html,body er en opremsning, som man også andre steder med fordel kan udnytte, f.eks. i denne konstruktion:

a,a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;color:red;}

takker for meget udmærked kommentar - må jeg be om et svar :)

det var til > roenving

Velbekomme '-)

-- og tak for point ;~}