lodret centrering af tabel med css?

Sådan ?-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<style type="text/css">
html, body{
width:100%;
height:100%;
}
#site {
        position:absolute;
    top:50%;
    left:50%;
    height: 200px;
    width: 670px;
    margin-top:-100px;
    margin-left:-335px;
    border: 1px #000000 solid;
}
</style>
</head>
<body>
<div id="site">
Her er en masse tekst
</div>
</body>
</html>

Jeg pleger at bruge en tabel til at centrere lodret:
<table height="100%"><tr><td valign="middle">
[Indhold inklusiv tabeller]
</td></tr></table>

-- og det virker jo også godt nok, bortset fra, at der ikke findes en height-attribut til tabeller i html-standarden, men det er helt lovligt at bruge som css-style ...

roenving du har sikkert ret jeg er ikke selv så stærk i starndarne :~|

Ja, men det er ret nemt (og lidt sygt, at det valideres på den måde, men ikke på din !-)

<table style="height:100%"><tr><td valign="middle">
[Indhold inklusiv tabeller]
</td></tr></table>

roenving: Det holder ikke -- har du prøvet at resize vinduet meget? ... så forsvinder indholdet i venstre side indtil centrummet af tabellen, fordi margin'en er negativ...

løsningen er:
<table style="margin: auto;">

... i hvert fald for at gøre det vandret/vertikalt :)

>>repsac

Ja, det ved jeg godt, skulle måske have gjort opmærksom på det ,-)

pis... det er så det man kalder horizontalt... ;)

http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-vertical-align

FYI: det er også css1...

>>repsac

Henvender du dig til mig ?-)

Tak roenving. Din løsning virker for mig.

roenving: næh, jeg svarer såmænd på sk-man's spørgsmål :)

<table style="marin: auto; vertical-align: middle;">
... hvis det ikke virker er det fordi din browser ikke kender til standarderne...

Det kan såmen sagtens lade sig gøre med CSS
eks.:

<style type="text/css">
div.midt {
position: absolute;
top: 50%;
}
</style>

Så kaster du bare en div rundt om det du skal have centreret vertical... Altså fx...

<DIV class="midt">

<table>
<tr>
<TD bgcolor="#000000">
<font color="#FFFFFF">Testing.....</font>
<TD>
<tr>
<table>

</DIV>

....sq have været et svar :)

>>cyfer

Det bliver da ikke centreret, det starter da bare midtpå og fortsætter nedad ...

Hmmm..... ja sry.... jeg sad på min skole på det tidspunkt og havde andre ting i hjernen... Det sq selvfølgelig have været:

div.midt {
position: absolute;
height: 400px;
top: 50%;
margin-top: -200px
}

Forklaring:
*height er hvor højt dit element er, som du rammer ind... altså fx en table
der er 400px højt
*margin-top skal stilles til halvdelen af din højde af din table.. i dette
tilfælde 200 da det er halvdelen af 400... Så det kommer til at hedde -200

Håber det var forståeligt, ellers må du lige sige til!

// Christoffer

>>cyfer

Jamen, så er det jo bare en gentagelse af det som blev svaret 07/08-2003 23:06:06 ...

Jah.... Det det sq også!
Havde ikke lige fået læst alle indlægene!

Samme funktion stort set, bortset fra mit er lidt mere enkelt..... Du ku måske lige have taget dine mål væk og lavet det fra bunden :)

-- een af grundene til at jeg stillede det som spørgsmål, for det kunne godt være at sk-man havde andre ønsker/ideer, og så ville jeg ikke kaste mig ind i et points-grabberi !-)

-- men det må jeg hellere nu ...

>>sk-man
velbekomme '-)

hmmm...
ved ikke lige hvad du snakker om, jeg er sådan set ligeglad med point, hvis du vil have dem så er jeg ligeså godt fri.

jeg prøver bare at hjælpe... at jeg så ikke havde set dit svar som var krypteret godt ind i en masse ubrugeligt html, er så en anden snak :)

;O)

Tak for hjælpen i to. I får lov til at dele :-)

Hahah.... Det bliver reonving nok gal i skralden over :P

YESH 15 point :D?

Hehe.... ;)

-- tak for point ;~}

*gg*

sk-man, det ku have været sjovere hvis du selv havde lagt et svar og snuppet pointsne selv.... :D