Avatar billede donslund Nybegynder
22. februar 2004 - 10:50 Der er 9 kommentarer og
2 løsninger

Højde på main celle

Jeg tror dette er et Javascript spørgsmål, derfor prøver jeg her. Sig til hvis det skal flyttes.

Jeg har en tabel på min side der ser ca således ud:

----------
|  Top    |
----------
|        |
|  Main  |
|        |
----------
|  Bund  |
----------

Mit problem er så, at top og bund skal være hhv. 50 og 15 pixels, mens main skal være den resterende højde i forhold til browservinduet.
Mon ikke der er noget javascript der kan klare det?
Avatar billede satanic_raven Nybegynder
22. februar 2004 - 11:02 #1
Du behøver ikke JavaScript for at klare det problem...

<table border="0">
  <tr>
    <td height="50"></td>
  </tr>
  <tr>
    <td height="*"></td>
  </tr>
  <tr>
    <td height="15"></td>
  </tr>
</table>

Så er det klaret...

S.R.
Avatar billede donslund Nybegynder
22. februar 2004 - 11:08 #2
Ja, men jeg forsøger at holde w3.org standarderne og de brokker sig lidt over height.
Avatar billede satanic_raven Nybegynder
22. februar 2004 - 11:12 #3
Du kan lave det i JavaScript på denne måde så, selvom det er mere besværligt og næppe har nogen ændring:

<script language="JavaScript">
  function TableHeight()
      {
      document.getElementById('Top').height = "50px";
      document.getElementById('Main').height = "*";
      document.getElementById('Bund').height = "15px";
      }
</script>

<body onload="java script:TableHeight()">

<table border="0" width="250">
  <tr>
    <td id="Top"></td>
  </tr>
  <tr>
    <td id="Main"></td>
  </tr>
  <tr>
    <td id="Bund"></td>
  </tr>
</table>

Så skulle det gerne virke...

S.R.
Avatar billede roenving Novice
23. februar 2004 - 02:11 #4
Hvilken doctype bruger du ?-)

Height er ulovlig på tables, men da kun deprecated på andre elementer ?O]

Måske kan du i stedet bruge:

document.getElementById('Main').style.height = screen.availHeight - 65 + 'px';
Avatar billede mik789 Nybegynder
23. februar 2004 - 08:57 #5
reonving> ja, det må han kunne, men vel sammen med et script der reloader ved resize (således at højden justeres når vindet minimeres/maksimeres af brugeren):

<body onresize="self.location.reload();">
Avatar billede roenving Novice
23. februar 2004 - 15:58 #6
Der er vel ikke noget galt i at gøre det direkte, så man ikke skal forbi serveren:

<body onload="TableHeight()" onresize="TableHeight()">
Avatar billede donslund Nybegynder
23. februar 2004 - 16:53 #7
Jeg bruger denne doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">


Hvor skal jeg skrive
document.getElementById('Main').style.height = screen.availHeight - 65 + 'px';
Avatar billede roenving Novice
23. februar 2004 - 16:57 #8
I satanic_raven 22/02-2004 11:12:41 i stedet for den midterste script-linje !-)
Avatar billede donslund Nybegynder
23. februar 2004 - 17:01 #9
Det giver ikke rigtig nogen effekt.

<script language="JavaScript">
  function TableHeight()
      {
      document.getElementById('top').height = "50px";
      document.getElementById('Main').style.height = screen.availHeight - 65 + 'px';
      document.getElementById('bund').height = "15px";
      }
</script>


</HEAD>
<BODY onload="java script:TableHeight()">
Avatar billede donslund Nybegynder
24. februar 2004 - 22:41 #10
Der er ikke rigtig sket noget. Mon ikke jeg bare skal vedtage mig en højde og så styre det med tomme gif'er i siderne. Det tror jeg, jeg gør.
Avatar billede satanic_raven Nybegynder
25. februar 2004 - 11:31 #11
prøv med:
document.getElementById('Main').height = screen.availHeight - 65 + 'px';

Istedet for...

S.R.
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