Avatar billede encorez Nybegynder
23. april 2009 - 22:16 Der er 7 kommentarer og
1 løsning

Height på Table

Jeg bruger den midterste table i denne kode til at lave en lodret bjælke med nogle farver. Problemet er bare at jeg kan i Explorer (7 og 8) ikke få tabellen til at være 100% i højden. I Chrome og firefox virker det fint.
Som I kan se har jeg virkelig sat 100% på alt hvad jeg kan. Overser jeg noget?

<table>
<tr>
<td>En menu</td>

<td height="100%" style="vertical-align:top; height:100%" bgcolor="#FFFF00">
  <table bgcolor="#FF0000" cellspacing="0" cellpadding="0" height="100%" style="height:100%"><tr><td height="100%" style="height:100%"><img src="gfx/trans.gif" width="1" height="100%" /></td></tr></table>

</td>
<td>Masser af content</td></tr>
Avatar billede encorez Nybegynder
23. april 2009 - 22:38 #1
En observation: Hvis jeg mindsker min explorer-browser i højden, har jeg lagt mærke til at højden på den tabel netop svare til højden på browser højden.

Hvorfor laver den kun højden på højde med browseren og ikke fylder den TD ud den ligger i??
Avatar billede webweaver Praktikant
23. april 2009 - 22:59 #2
Det er faktisk ikke bare sådan lige.

Jeg vil sige det sådan, søg lykken med en anden løsning, for der er mange problemer med at angive height i %.
Det er bedre at undgå det!

Det vil oftest drille og ikke komme til at passe.
Men du kan evt. prøve at smide dette ind,

html, body { height: 100%; }

Ellers prøv med noget baggrundsbillede, og repeat y.
Eller en spacer-gif (billede, der ikke kan ses) og angive den i højden. Men kan ikke sige dig om det vil fungere 100%.
Avatar billede encorez Nybegynder
24. april 2009 - 11:30 #3
Min html eller body er 100% og det virker findet. Den oven stående kode er inde i det. Og den TD som den inderste table er i, den er 100% for jeg har sat baggrund i den TD til rød og den fylder det hele i højden. Så problemet er bare at table kun vil tage samme højde som min browser istedet for at fylde hele min TD ud.
Avatar billede webweaver Praktikant
24. april 2009 - 11:55 #4
Jeg ved nu ikke helt om jeg forstår dig.
Din TD er tilsyneladende 100% height? Men det er din table ikke?
Jeg ved ikke hvad du mener med samme højde som din browser. Det skal den vel også være.
Hvis den er mere vil der være scroll?

Har du evt. et link?

Som sagt tidligere, bør der findes en anden løsning end height angivet i procent.
Avatar billede encorez Nybegynder
24. april 2009 - 23:42 #5
Antag der er meget tekst på min side, så min side er meget lang, f.eks. 4 gange min browsers højde.
Min min table vil kun lave sig i en browsers højde.

Men ja, jeg må kigger efter en anden løsning. Jeg synes bare jeg har gjort det mange gange før :)
Avatar billede webweaver Praktikant
25. april 2009 - 01:20 #6
Og den udvider sig heller ikke vertikalt efter du har smidt teksten ind?
Avatar billede encorez Nybegynder
25. april 2009 - 11:48 #7
Den table jeg ønsker 100% i højden indeholder inden tekst. Den bruger jeg udelukkende til at lave en lodret bjælke som en skillevæg, med én farve border og en anden farve fyld. Den er kun 3 px bred.
Avatar billede encorez Nybegynder
25. april 2009 - 11:49 #8
Du skal have tak for forsøgene med at få det til at virke, men jeg må droppe det for denne omgang
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