Notifikationer

Markér alle som læst Log ud

pnr Nybegynder

06. maj 2004 - 15:09 Der er 10 kommentarer og
1 løsning

Problemer med DOCTYPE HTML PUBLIC osv.

Jeg har en side hvor indholdet skal ligger centreret midt på siden (selve indholdet er 800 x 600). Mit problem er at når jeg skriver:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

i toppen af dokumentet kan jeg ikke centrer vertikalt

<body style="background-color: #333333; margin-top: 0px; margin-left: 0px;" scroll="auto">
<form id="Form1" method="post" runat="server">
<table style="height: 100%; width:100%">
<tr>
<td style="height: 100%">
<div style="vertical-align: middle" align="center">
<table style="width: 800px; background-color: #fff; border: 0px;" cellpadding="0" cellspacing="0">

Synes godt om

skovenborg Nybegynder

06. maj 2004 - 16:07 #1

vertical-align har en anden betydning på tabeller end andre. For mig at se bør flytte vertical-align op i cellen i stedet:
<td style="height: 100%;vertical-align:middle"> - selvom middle godt er den normalle værdi for vertical-align.

Synes godt om

skovenborg Nybegynder

06. maj 2004 - 16:25 #2

det virker dog ikke på den måde - sorry. Prøv i stedet:
<body style="background-color: #333333; margin-top: 0px; margin-left: 0px;" scroll="auto">
<form id="Form1" style="height:100%;" method="post" runat="server">
<table style="height: 100%; width:100%;">
<tr>
<td style="height:100%;">
<div align="center">
<table style="width: 800px;background-color: #fff; border: 0px;" cellpadding="0" cellspacing="0">
<tr><td>HEJSA</td></tr>
</table>
</div>
</td>
</tr>
</table>
</form>

</body>

og i head-sektionen skriv (eller dit stylesheet):
<style type="text/css">
html,body{height:100%;margin:0px;}
</style>

Synes godt om

pnr Nybegynder

06. maj 2004 - 17:03 #3

Hvis jeg indsætter det i mit stylesheet på følgende måde, virker det ikke i Netscape og Opera:

BODY{
height:100%;
margin:0px;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #CCCCCC;
scrollbar-track-color: #C3C3C3;
}

Skal det skrives på en anden måde?

Synes godt om

pnr Nybegynder

06. maj 2004 - 17:07 #4

Nogen af mine sider bliver nu noget højere, hvorfor gør de det?

Synes godt om

skovenborg Nybegynder

06. maj 2004 - 17:54 #5

du skal også skrive 100% i html, altså:
html {height:100%;}
body {
height:100%;
margin:.......
}

Synes godt om

skovenborg Nybegynder

06. maj 2004 - 17:56 #6

kunne du evt. ikke vise et link til siden - det er lidt svært lige nu at sige hvorfor nogle af siderne bliver højere.

Synes godt om

roenving Novice

07. maj 2004 - 02:22 #7

-- og hvis du skal aligne (i) div'en lodret, er det jo nødvendigt, at den har en højde, så hvis du starter med at indsætte html,body{height:100%} skal du også i div'en:

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

Synes godt om

pnr Nybegynder

10. maj 2004 - 11:49 #8

Nå men det virker fint nu!

skovenborg: smid et svar så du kan få point!

Synes godt om

skovenborg Nybegynder

10. maj 2004 - 12:30 #9

jamen værsgo' da :-)

Synes godt om

pnr Nybegynder

19. maj 2004 - 08:45 #10

Undskyld du først får point nu, havde helt glemt spørgsmålet!!

tusind tak for hjælpen.

Synes godt om

skovenborg Nybegynder

19. maj 2004 - 12:47 #11

det er i orden - tak for points :-)

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
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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