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

durd Nybegynder

05. februar 2004 - 08:40 Der er 6 kommentarer og
2 løsninger

Få table til at fylde alt!

Jeg kunne godt tænke mig at lave et table som går HELT ud til kanterne i browservinduet. Også selvom jeg forstørrer og minimerer mit browservindue. Hvad gør jeg forkert?

<table width="100%" height="100%" bgcolor="#00CCFF" border="0" cellspacing="0" cellpadding="0" style="position:absolute;left:0;top:0 ">
<tr>
<td> </td>
</tr>
</table>

Synes godt om

groggy Nybegynder

05. februar 2004 - 08:47 #1

Indsæt dette i dit body: style="margin: 0px;"

Synes godt om

groggy Nybegynder

05. februar 2004 - 08:48 #2

Du behøver ikke positionere dit tabel. Den vil som standard placere sig der med mindre andet er angivet.

Synes godt om

roenving Novice

05. februar 2004 - 08:54 #3

-- men hvis den skal have størrelsen 100% skal der være et omkransende element, den kan tage størrelsen fra:

<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#fullTable{
width:100%;
height:100%;
background:#0cf;
border:0px;
}
#fullTable tr, #fullTable td{margin:0px;padding:0px;border:0px;}
</style>

<table class="fullTable">
<tr>
<td> </td>
</tr>
</table>

Synes godt om

durd Nybegynder

05. februar 2004 - 09:10 #4

Okay sjovt nok så virkede koderne ikke hver især. Det virkede først med følgende kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#fullTable{
width:100%;
height:100%;
background:#0cf;
border:0px;
}
#fullTable tr, #fullTable td{margin:0px;padding:0px;border:0px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="margin:0">
<table class="fullTable" bgcolor="#009999" width="100%" height="100%">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

Det var en blanding af begge jeres koder, så kom venligst med et svar roenving så du kan få halvdelen af points'ne. :)

Kan den ik kortes lidt ned og stadig virke?

Synes godt om

roenving Novice

05. februar 2004 - 09:19 #5

-- du må ikke bruge height i et table-tag, den attribut findes nemlig slet ikke !-)

-- så måske kan du få det til at virke i nogle browsere, men du vil vel gerne have, at alle ser det samme ?-)

-- og så er det jo overflødigt både at background i css og i tagget, stryg den ene, selv ville jeg fjerne så meget som muligt fra tagget, så vil det være nemmere at validere og mere fremtidsikret kode !-)

-- ellers velbekomme '-)

Synes godt om

durd Nybegynder

05. februar 2004 - 10:20 #6

Mange tak herfra! :)

Synes godt om

roenving Novice

05. februar 2004 - 10:43 #7

-- og tak for points ;~}

Synes godt om

groggy Nybegynder

05. februar 2004 - 10:51 #8

Velbekomme... Og 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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
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

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