Avatar billede mathiasrav Nybegynder
31. december 2003 - 22:57 Der er 25 kommentarer og
3 løsninger

Sætte en tables height til 100%

Hej eksperter.
Hvordan kan man få en table til at være 100% i højde? Jeg bruger designet:
<table>
<col width="150">
<col width="400">
<col width="150">

<tr>
<td colspan="3" height="80">Lala</td>
</tr>

<tr>
<td height="*">Menu</td>
<td>Indhold</td>
<td>Links</td>
</tr>

<tr>
<td height="80">Bannere mm.</td>
</tr>
</table>

og som i kan se bruger jeg <td height="*"></td> til at indstille højden, men det virker ikke helt. Hvordan kan jeg få tabellen til at fylde hele skærmens højde - hverken height-attributen eller CSS hjælper!

Hilsen Mathias
Avatar billede bufferzone Praktikant
31. december 2003 - 23:14 #1
Har du prøvet med

<table hight="100%">
Avatar billede mathiasrav Nybegynder
31. december 2003 - 23:15 #2
Jeg prøver lige...
Avatar billede mathiasrav Nybegynder
31. december 2003 - 23:16 #3
Virker ikke :(
Avatar billede mathiasrav Nybegynder
31. december 2003 - 23:17 #4
Jeg går ud fra at du mente height :)
Avatar billede bufferzone Praktikant
31. december 2003 - 23:17 #5
husk at stave height rigtigt og ikke som jeg havde gjort
Avatar billede mjl Nybegynder
31. december 2003 - 23:27 #6
<table height=100%>
<col width="150">
<col width="400">
<col width="150">

<tr>
<td colspan="3" height="80">Lala</td>
</tr>

<tr>
<td height="*">Menu</td>
<td>Indhold</td>
<td>Links</td>
</tr>

<tr>
<td height="80">Bannere mm.</td>
</tr>
</table>
Avatar billede mathiasrav Nybegynder
31. december 2003 - 23:35 #7
bufferzone: Det var lige det jeg sagde ;)!
mjl: Det var det bufferzone sagde ;)!
Avatar billede mjl Nybegynder
01. januar 2004 - 01:13 #8
Ja - nemlig - og det virker jo ;o)
Avatar billede mjl Nybegynder
01. januar 2004 - 01:13 #9
...så du kan da ikke afvise svaret fra buffer-drengen...du har jo fået løsningen!
Avatar billede ste Nybegynder
01. januar 2004 - 01:21 #10
Jeg ved ikke om det er dette design du efterlyser men det er mit bud. Godt nytår.

<table height="100%" width="100%">
<tr>
<td colspan="3">Lala</td>
</tr>
<tr>
<td width="150">Menu</td>
<td width="400">Indhold</td>
<td width="150">Links</td>
</tr>
<tr>
<td colspan="3">Bannere</td>
</tr>
</table>
Avatar billede mjl Nybegynder
01. januar 2004 - 13:17 #11
Hvad siger du til det Bufferzone, gav du ikke manden svaret på hans problem?
Avatar billede mathiasrav Nybegynder
01. januar 2004 - 14:29 #12
mjl, ste og bufferzone: Det virker ikke... Se selv - http://www.mrside.dk/?bordercolor=Black - og I kan da også bare tjekke sourcen ;)
Avatar billede mjl Nybegynder
01. januar 2004 - 14:43 #13
ok - ven...

Sådan her skal det gøres:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body>

<table width=700 height=100% cellpadding="5" cellspacing="2">
<tr>
<td colspan=3 width=100% height=80 bgcolor=#dddddd>ccc</td>
</tr>
<tr>
<td width=25% bgcolor=#cdcdcd>ccc</td>
<td width=50% bgcolor=#f7f7f7>ccc</td>
<td width=25% bgcolor=#cdcdcd>ccc</td>
</tr>
<tr>
<td colspan=3 width=100% height=80 bgcolor=#dddddd>ccc</td>
</tr>
</table>

</body>
</html>
Avatar billede mjl Nybegynder
01. januar 2004 - 14:43 #14
...og så kan du bare smide dine classes ind (CSS)!!!
Avatar billede mjl Nybegynder
01. januar 2004 - 14:44 #15
Og - så kan du evt. bruge denne body i stedet...

<body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">
Avatar billede mathiasrav Nybegynder
01. januar 2004 - 15:41 #16
Ahh! Det virker alt sammen, men jeg kan altså ikke få det til at virke på min egen side... Jeg prøvede bare at "flette det ind", men det virkede ikke så godt... Derfor troede jeg at det slet ikke virkede! Læg lige et svar alle dem som blev afvist... Så lukker vi her...
Avatar billede mathiasrav Nybegynder
01. januar 2004 - 18:20 #17
Svar nu! :)
Avatar billede ste Nybegynder
01. januar 2004 - 19:57 #18
Linket er ok fra min maskine. Hvad er det der ikke virker. Du får lige svaret her.
Avatar billede roenving Novice
02. januar 2004 - 04:20 #19
En table kan ikke have en height ifølge reglerne for html, så det vil måske virke i Internet Explorer og Opera, men ikke andre steder ...
Avatar billede mjl Nybegynder
02. januar 2004 - 11:26 #20
roensving> Du har fuldstændig ret - reglerne inkl. ikke height i <table> tag'en - derfor vil en style-fætter måske være bedre.

Sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<style type="text/css">
table {
height : 100%;
}
</style>

</head>

<body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">

<table width=700 cellpadding="5" cellspacing="2">
<tr>
<td colspan=3 width=100% height=80 bgcolor=#dddddd>ccc</td>
</tr>
<tr>
<td width=25% bgcolor=#cdcdcd>ccc</td>
<td width=50% bgcolor=#f7f7f7>ccc</td>
<td width=25% bgcolor=#cdcdcd>ccc</td>
</tr>
<tr>
<td colspan=3 width=100% height=80 bgcolor=#dddddd>ccc</td>
</tr>
</table>

</body>
</html>
Avatar billede mjl Nybegynder
02. januar 2004 - 11:27 #21
Personligt finder jeg det dog rart, at MSIE gerne vil acceptere height i table-tag'en...! :o)
Avatar billede mjl Nybegynder
02. januar 2004 - 12:17 #22
Men - mon ikke vi er færdige nu - sp. er vel besvaret!?
Avatar billede mathiasrav Nybegynder
02. januar 2004 - 12:44 #23
Det virker ikke i min MSIE 6.0.2600.0000.xpclient.010817-1148... Men i får da points alligevel :)
Avatar billede mathiasrav Nybegynder
02. januar 2004 - 12:45 #24
Så mangler vi svar fra BufferZone :)
Avatar billede mjl Nybegynder
02. januar 2004 - 15:58 #25
SaFøLi virker det mand - det jeg har lavet (begge) virker i MSIE 6.0 - det er den det er tetstet i - hvis ikke du kan få det til at virke, har du lavet koden om til noget andet! Utroligt - nogen gange føles det som om man er med i en dårlig film - behold bare points - hjælpen hjælper dig jo ikke!!!
Avatar billede mathiasrav Nybegynder
04. januar 2004 - 19:16 #26
Mit prob. er, at jeg vil tilpasse de indstillinger fra jeres eksempler til min hjemmeside... Men det virker bare ikke... <table height="100%"> virker ikke, <table style="height: 100%;"> virker ikke... Kun hvis man kun skriver dét... Det er ikke jeres skyld at det ikke virker; jeg fik teknisk set et rigtigt svar på mit spørgsmål, men praktisk set virkede det ikke... I får points...
Avatar billede mathiasrav Nybegynder
04. januar 2004 - 19:17 #27
Jeg ta'r et enkelt point selv... Så går det op ;)
Avatar billede roenving Novice
04. januar 2004 - 19:18 #28
<style type="text/css">
html,body{height:100%;}
table {
height : 100%;
}
</style>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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