Hvordan midtstille vertikalt?

[alex100]

Hei.

 

Jeg driver å lager en side som passer akkurat til 1024*768, men når jeg har den i 1280*1024 så blir det så tomt nede på siden.

 

Jeg har midtstilt den horisontalt, men vet ikke hvordan jeg gjør dette vertikalt.

Noen som kan fortelle meg hvordan?

 

Takk på forhånd.

[mikk-]

vertical-align: middle;

 

 

 

 

EDIT: Eller lag en tabell som er height: 100%; og bruk valign="middle".

Endret 19. desember 2003 av Mikka

[FuLu]

vertical-align: middle; funker ikke i alle tilfeller desverre, dette vil f.eks ikke fungere:

<div style="height: 100%; vertical-align: middle; text-align: center;">Hei</div>

 

Men vil fungere på innhold inni en TD element:

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

[alex100]

Får ikke det til. Ingen ting skjer. Har prøvd mange forskjellige måter.

[haugsand]

Jeg har en god metode her, som er foretrukket foran de overnevnte.

 

<div id="ramme">Plasser innhold her</div>

 

div#ramme {

position: absolute;

left: 50%;

top: 50%;

margin-top: -(halvparten av bredde på innholdet);

margin-left: -(halvparten av høyde på innholdet);

}

 

Viola

[alex100]

Jeg kan jo si litt mer om det jeg vil ha midtstilt:

Det er en tabell med mange bilder i osv. Jeg vil ha hele tabellen midtstilt. Er ikke noen ramme eller noe sånt.

[haugsand]

Bare plasser tabellen innenfor <div> OG </div>. Det var vel fast høyde og bredde på den tabellen din?

[alex100]

Bare plasser tabellen innenfor <div> OG </div>. Det var vel fast høyde og bredde på den tabellen din?

Jepp.

[alex100]

Er denne her jeg har lyst å ha midstilt. Slik er det det ser ut i 1280*1024:

http://home.no.net/owlsonly/hardwareavatar/ahsnart.jpg

 

Noen kommentarer om designet også?