Søg
Avatar billede unknown1 Nybegynder
13. marts 2005 - 14:38 Der er 24 kommentarer og
2 løsninger

table height 100%

Jeg er stødt ind i et lille problem med HTML.

Alle mine sider er lavet i HTML/php med "php_include".

http://dannyfb.dk/test/howto_linksys_sshd.php

Menuen til venstre skal strække sig hele vejen ned til bunden/footer, men det gør den ikke i IE - det virker dog fint i Firefox. Nogen der kan hjælpe mig lidt på vej ?
Avatar billede fromse Nybegynder
13. marts 2005 - 14:42 #1
Prøv med

<TD WIDTH="150" HEIGHT="100%" ALIGN="LEFT" VALIGN="TOP" CLASS="header0">
<a class="header0">&raquo Netværk</a><br>
Avatar billede fromse Nybegynder
13. marts 2005 - 14:44 #2
Fejl...

<!-- Forside main begin -->

                <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0" WIDTH="800" HEIGHT="600" ALIGN="CENTER" BGCOLOR="#FFFFFF" style="right">
                            <TR>
                                    <TD WIDTH="150" ALIGN="LEFT" VALIGN="TOP" height="100%">
Avatar billede fromse Nybegynder
13. marts 2005 - 14:44 #3
prøv det...

håber du kan se hvor det skal placeres...

/fromse
Avatar billede unknown1 Nybegynder
13. marts 2005 - 14:58 #4
Nej, det kommer ikke til at virke med height="100%"

Jeg har testet frem og tilbage mange gange nu. Den grå menu/table til venstre skal tilpasse sig efter hvor står siden er til højre :(
Avatar billede fromse Nybegynder
13. marts 2005 - 15:00 #5
hmm... jeg har lige testet det her på min maskine...
Avatar billede fromse Nybegynder
13. marts 2005 - 15:01 #6
men den er ikke rettet på din side endnu..

prøv lige at sætte den til height="100%"
Avatar billede unknown1 Nybegynder
13. marts 2005 - 15:12 #7
ok sådan, men det er også det forkerte sted du mener jeg skal sætte den.
http://dannyfb.dk/test/howto_linksys_sshd.php

Jeg har lige sat borders på, så det det lidt lettere at se.
Avatar billede fromse Nybegynder
13. marts 2005 - 15:21 #8
kigger på det i morgen... skal til brøndbykamp nu... :)
Avatar billede unknown1 Nybegynder
13. marts 2005 - 15:25 #9
heh smadrer Aab ud af banen!! "Drengene fra Vestegnen lå lå lå"

Andre der kan hjælpe videre ?
Avatar billede olebole Juniormester
13. marts 2005 - 21:34 #10
<ole>

Der eksisterer ikke - og har aldrig gjort - en height-attribute på et tabel-element. Højden skal sættes i styles:
  <table style="width:800px;height:100%;margin:0px auto;background-color:#ffffff" cellspacing="0" cellpadding="0" border="0">

Derudover foreskriver CSS, at når man sætter en relativ højde (højde i procent) på et element, så skal denne udregnes udfra det omkransende elements højde. Det betyder, at det omkransende element eksplicit skal have sat en højde ... også hvis der er tale om body-elementet:

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

Sidst, men ikke mindst, så har du en DTD øverst i dokumentet, der fortæller browseren, at her kommer et XHTML-dokument - men hele din kode er almindelig HTML og ikke XHTML. Brug hellere denne DTD, der bedre passer til din kode:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

/mvh
</bole>
Avatar billede unknown1 Nybegynder
14. marts 2005 - 21:55 #11
weee kanon mange tak for den bruge info!! Jeg arbejder lige lidt videre.
Avatar billede unknown1 Nybegynder
14. marts 2005 - 22:54 #12
Jeg har prøvet lidt frem og tilbage med style inde i TableData (TD) og inde i selv Table. Kan ikke få det helt til spille som du kan se :/

                    <TABLE CELLSPACING="0" CELLPADDING="4" BORDER="1" WIDTH="150" HEIGHT="50" ALIGN="center" style="width:150px;height:100%;margin:0px auto;background-color:#E3E3E4">
                            <TR>
                                    <TD WIDTH="150" HEIGHT="" ALIGN="LEFT" VALIGN="TOP" CLASS="header0">
                                            <a class="header0">&raquo Netværk</a><br>
                                                <a class="standard_greybg" href="./howto_patch.php">Patchkabel</a><p>
                                            <a class="header0">&raquo Linksys WRT54G</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_specs.php">Specifikationer</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_pic.php">Billeder (front/back)</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_webint.php">Webinterface (billeder)</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_fw.php">Firmware download</a><br><br>
                                               
                                                <a class="standard_greybg" href="./howto_linksys_telnet.php">Telnet session</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_sshd.php">SSHd setup og login</a><br>
                                               
                                    </TD>
                </TABLE>

Jeg har placeret disse i min CSS fil (under body, html)

    height: 100%;
    margin: 0px;
    padding: 0px;
Avatar billede larsbachmanndk Nybegynder
14. marts 2005 - 23:01 #13
Brug følgende og ændrer din DOCTYPE i toppen af koden til den som olebole skriver:  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
             

    <TABLE CELLSPACING="0" CELLPADDING="4" BORDER="1" WIDTH="150" HEIGHT="100%" ALIGN="center" style="width:150px;height:100%;margin:0px auto;background-color:#E3E3E4">
                            <TR>
                                    <TD WIDTH="150" HEIGHT="" ALIGN="LEFT" VALIGN="TOP" CLASS="header0">
                                            <a class="header0">&raquo Netværk</a><br>
                                                <a class="standard_greybg" href="./howto_patch.php">Patchkabel</a><p>
                                            <a class="header0">&raquo Linksys WRT54G</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_specs.php">Specifikationer</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_pic.php">Billeder (front/back)</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_webint.php">Webinterface (billeder)</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_fw.php">Firmware download</a><br><br>
                                               
                                                <a class="standard_greybg" href="./howto_linksys_telnet.php">Telnet session</a><br>
                                                <a class="standard_greybg" href="./howto_linksys_sshd.php">SSHd setup og login</a><br>
                                               
                                    </TD>
                </TABLE>
Avatar billede unknown1 Nybegynder
14. marts 2005 - 23:21 #14
Tak for svarene!

Sådan nu har ændret DTD for samtlige sider til
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

...og tilrettet koden som forevist, men det er som om IE ikke kan finde ud af hvad 100% er. Den tror bare at 100% er dertil hvor teksten slutter - prøv at se her:
http://dannyfb.dk/test/howto_linksys_sshd.php

Det ser dog ud som om mit table går helt ned i bunden af billedet, men mit TableRow eller TableData felt, om man vil, skal følge med, så det bliver gråt hele vejen ned til bunden.

Firefox kan heller ikke helt finde ud af det. (Eller det vil så sige "jeg" kan heller ikke finde ud af det) :-)
Avatar billede larsbachmanndk Nybegynder
14. marts 2005 - 23:25 #15
Du skal kun have dette i toppen af koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Avatar billede unknown1 Nybegynder
14. marts 2005 - 23:32 #16
ok done!

Får du det grå felt til at gå hele vejen ned til bunden ?
Avatar billede roenving Novice
14. marts 2005 - 23:34 #17
>>larsbachmanndk

-- det har du absolut misforstået, for hvis du udelader dtd-linket, tænker IE: 'Han er en idiot, som ikke ved noget om html, så jeg må hellere selv bestemme, hvad der er rigtigt, så jeg overser hans direktiver'

-- en relativ højde (i procent !-) forudsætter at de(t) omgivende element(er) har en defineret højde, så måske er det:

html,body{height:100%;}

der mangler ...
Avatar billede larsbachmanndk Nybegynder
14. marts 2005 - 23:37 #18
Roenving>

Jeg har ikke så meget forstand på DTD osv, men du har uden tvivl ret.

unknown1>
nu virker det i min browser (IE)
Avatar billede unknown1 Nybegynder
14. marts 2005 - 23:46 #19
> roenving
Jeg bliver helt træt i fingerne - så er det ændret tilbage igen :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Heh så holdt det op med at virke i min IE igen.

Jeg har defineret en relativ højde i min CSS fil - håber det er ok.
Avatar billede larsbachmanndk Nybegynder
14. marts 2005 - 23:49 #20
Jeg har altid brugt følgende i mine koder, og det har virket upåklageligt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Avatar billede roenving Novice
14. marts 2005 - 23:59 #21
-- du er så bare sikker på, at det er forskelligt, for hver browser, du ser det i !-)
Avatar billede unknown1 Nybegynder
16. marts 2005 - 23:11 #22
Sådan der. Jeg fandt ud af at lave baggrunden grå nu. Mange tak for hjælpen alle 3.

Ligger i ikke svar "roenving","larsbachmanndk" og "olebole" så får i lige lidt point hver.

Ser min kode helt slamkode agtig ud :o) ?
Kan i evt. anbefale noget jeg kunne gøre anderledes mht opstillingen af min kode ?
Avatar billede olebole Juniormester
16. marts 2005 - 23:53 #23
Hvis du er nødt til at have en DTD uden URL, kan det kun skyldes, din CSS er fejlbehæftet. Som IE viser din side med URL - og som Moz viser den med eller uden URL - er som din side bør vises udfra den CSS, du har skrevet.
Idet du bruger en DTD uden URL, ødelægger du din mulighed for at bruge CSS i dit dokument.

Det eneste gode råd, jeg kan give, er: Indsæt en fuld DTD og skriv din CSS om, så siden vises, som du vil have den. Så sparer du dig selv for en bunke besvær i fremtiden  ;o)

Du kan læse mere om emnet her under 'doctype switch':
    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
Avatar billede roenving Novice
17. marts 2005 - 00:19 #24
Velbekomme '-)
Avatar billede larsbachmanndk Nybegynder
17. marts 2005 - 11:34 #25
Velbekommen.
Del bare point mellem de 2 andre, de har bidraget mest
Avatar billede roenving Novice
19. marts 2005 - 06:04 #26
Tak for point ;~}
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »