Avatar billede lch Nybegynder
29. november 2001 - 13:33 Der er 8 kommentarer og
1 løsning

Placering af FAST bund UDEN brug af frames ?

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

<body topmargin=\"0\">

<table border=\"1\" width=\"100%\" height=\"60\">
<tr><td width=\"100%\" height=\"150\" colspan=\"5\">TOP</td></tr>
<tr><td height=\"100%\" width=\"20%\"><div>Hejsa dette er table 1!</div></td><td>td nr. 2</td><td>td nr. 3</td><td>td nr. 4</td><td>td nr. 5</td></tr>
<tr><td height=\"50\" colspan=\"5\">Bund</td></tr>
</table>


</body>
</html>

Hvordan får jeg den <tr> der indeholder \"Bund\" til at \"klistre\" sig til bunden af skærmen og således bare \"trække\" den midterste <tr> i højden, den skal jo sådan set være elastisk.
Kan det overhovedet lade sig gøre uden brug af frames?
Avatar billede lch Nybegynder
29. november 2001 - 13:36 #1
ups.
<table border=\"1\" width=\"100%\" height 100%>!
Avatar billede lch Nybegynder
29. november 2001 - 13:37 #2
ved at sætte top margin = 0 så er der ingen luft oppe i toppen..........
er der noget lignende man kan sætte på for at undgå luft i bunden??
Avatar billede olebole Juniormester
29. november 2001 - 13:56 #3
<ole>
Prøv:

<style type=\"text/css\">
body {
  margin: 0px 0px 0px 0px;
}
</style>

Ellers kan du kalde din tabel for \'ib\' ( <table id=\"ib\" .....osv.... ) - og så skrive:

<script type=\"text/JavaScript\">
function setHeight() {
    var docHeight = (document.all)? document.body.clientHeight : window.innerHeight;
    document.getElementById(\"ib\").style.height = docHeight;
}
window.onload = setHeight;
window.onresize = setHeight;
</script>

...i din head. Et problem kan være, at nogle browsere afsætter plads til scrollbar i bunden og her virker den sidste model, garanteret  ;o)
/mvh
</bole>
Avatar billede olebole Juniormester
29. november 2001 - 13:59 #4
<script type=\"text/JavaScript\">
function setHeight() {
    var docHeight = (document.all)? document.body.clientHeight : window.innerHeight;
    var TBLobj = (document.getElementById)? document.getElementById(\"ib\") : document.all[\"ib\"];
    TBLobj.style.height = docHeight;
}
window.onload = setHeight;
window.onresize = setHeight;
</script>

...hvis vi også skal være venlige overfor IE4.X-brugere  ;o)
/mvh
Avatar billede lch Nybegynder
29. november 2001 - 14:03 #5
SMUKT! den sidste fungere perfekt i IE 5.5 ihvertfald :-))
Avatar billede lch Nybegynder
29. november 2001 - 14:09 #6
Hvad med IE 6.x og hvordan i NS vil det også fungere der?
Har nemlig hørt noget med at i NS 6.x kan man ikke sætte height/width i % det vil den blot ignorere. Er der noget om det eller... ?
Avatar billede olebole Juniormester
29. november 2001 - 14:26 #7
I NS4.X fungerer min løsning ikke, men ellers burde den gøre det alle steder. Jeg går med vilje uden om procentuelle angivelser  ;o)
Ja, det er der noget om  :(
/mvh
Avatar billede lch Nybegynder
29. november 2001 - 14:45 #8
k....takker for hjælpen....:-)
Avatar billede olebole Juniormester
29. november 2001 - 14:48 #9
...anytime  ;o))
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