CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

rafe_mccawley Nybegynder

26. august 2006 - 10:49 Der er 4 kommentarer og
1 løsning

vertikal centrering i firefox

Hej,

Jeg er igang med en side hvor jeg skal have et logo på den første side i midten af skærmen.

Jeg har brugt følgende kode, som virker fint i IE:

style.css:
'body {
height:100%;
}'

index.htm:
'<table width="100%" heigh="100%">
<tr>
<td align="center" valign="middle">
logo her
</td>
</tr>
</table>'

Men det virker ikke i firefox (eller for den sags skyld heller ikke i opera).

Hvilken kode kan jeg bruge?

Synes godt om

mclemens Nybegynder

26. august 2006 - 10:53 #1

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body {margin:0px;padding:0px;height:100%;}
#tabelid{height:100%;width:100%;}
#tdid{text-align:center;}
</style>

</head><body>

<table id="tabelid"><tr><td id="tdid">
logo her
</td></tr></table>

</body></html>

Synes godt om

mclemens Nybegynder

26. august 2006 - 10:56 #2

^ - ovenstående virker også med et billede istedet for teksten ... men hvis billedet er lagt ind i en div med width defineret skal du have fat i denne:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body {margin:0px;padding:0px;height:100%;}
#tabelid{height:100%;width:100%;}
</style>

</head><body>

<table id="tabelid"><tr><td>
<div style="margin:0px auto;width:200px;border:1px solid #f00;"> </div>
</td></tr></table>

</body></html>

Synes godt om

mclemens Nybegynder

26. august 2006 - 10:57 #3

denne virker også ... men jeg ville bruge en af ovenstående...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body {margin:0px;padding:0px;height:100%;}
</style>

</head><body>

<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">
logo her
</td>
</tr>
</table>

</body></html>

Synes godt om

rafe_mccawley Nybegynder

26. august 2006 - 10:58 #4

Hejsa mange tak for de hurtige svar. Jeg får sikkert også brug for den med div på et tidspunkt.

Synes godt om

mclemens Nybegynder

26. august 2006 - 11:11 #5

Velbekom, og tak for point :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS