Avatar billede dotcom1 Nybegynder
12. marts 2003 - 18:57 Der er 22 kommentarer og
2 løsninger

Vise tabel 100% fra top til bund i IE Explorer og Netscape.

Hej.

Jeg har lavet denne side: http://www.studenterforum.dk
Jeg vil gerne have at siden, uanset brugerens skærmopløsning, går helt fra toppen af browseren til bunden. Det ser ud til at virke i IE, men i Netscape slutter tabellen, hvor indholdet er i, ca. 3 cm fra bunden. Hvordan får jeg det vist korrekt i begge browsere?

Kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Studenterforum.dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
<link href="NyTekst.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#505050"topMargin=0 marginheight="0" marginwidth="0">
<div align="center">
  <table width="706" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="1" height="80" valign="top"></td>
      <td height="80" colspan="2" valign="top"><img src="bannere/banner2.jpg" width="707" height="80"></td>
    </tr>
    <tr>
      <td width="1" height="21" valign="top"></td>
      <td height="21" colspan="2" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
    <tr>
      <td width="1" height="495" valign="top">&nbsp;</td>

      <td width="706" height="495" valign="top" bgcolor="#F5F5F5"><div align="left">
          <table width="3%" height="20" border="0">
            <tr>
              <td><div id='MenuPos' style='position:relative; width:50px; height:49px; left: 79px; top: -20px;'></div></td>
            </tr>
          </table>
          <div align="center"> <br>
          </div>
          <div align="center"> <br>
            <br>
            <br>
          </div>
          <div align="center"> </div>
          <div align="center"> <br>
          </div>
          <p align="center"><br>
            <br>
            <br>
            <br>
          </p>
          <div align="center">
            <p><br>
              <br>
            </p> 
          </div>
        </div></td>
    </tr>
  </table>
</div>
<script type='text/javascript'>function Go(){return}</script>
<script type='text/javascript' src='SinglePage_var.js'></script>
<script type='text/javascript' src='menu9_com.js'></script>
</body>
</html>

PS: Jeg benytter desuden en dynamisk menu på siderne - jeg hører gerne fra jer hvis der er problemer med at se den i isæt Netscape.
Avatar billede schaefner Juniormester
12. marts 2003 - 19:00 #1
Du skal bruge:
style="height: 100%"
Avatar billede schaefner Juniormester
12. marts 2003 - 19:02 #2
Også til de andre height-definationer
Avatar billede dotcom1 Nybegynder
12. marts 2003 - 19:02 #3
Hvor skal det sættes ind?
Avatar billede schaefner Juniormester
12. marts 2003 - 19:04 #4
Hvis tabellen skal være 100% høj:
<table width="706" border="0" cellpadding="0" cellspacing="0" style="height: 100%">

Og det samme med den celle der skal fylde resten af siden ud i højden.
Avatar billede dotcom1 Nybegynder
12. marts 2003 - 19:10 #5
For søren, det virker jo... :-) Har du tilfældigvis Netscape? Kunne du se menuen på siden?
Avatar billede roo104 Nybegynder
12. marts 2003 - 19:12 #6
Jeg bruger Mozilla og der mangler også ca 3 cm i bunden
Avatar billede Slettet bruger
12. marts 2003 - 19:13 #7
det virker fint i netscape 7.0
Avatar billede Slettet bruger
12. marts 2003 - 19:15 #8
den height: 100%; virker tilgengæld ikke i Opera, den stopper efter peak counteren
Avatar billede Slettet bruger
12. marts 2003 - 19:15 #9
og det samme sker i netscape. men menuen virker fint i netscape
Avatar billede schaefner Juniormester
12. marts 2003 - 19:27 #10
dotcom1 >> Har du også husket at sætte dine andre height="" med style="height: 13px" ?
Avatar billede dotcom1 Nybegynder
12. marts 2003 - 19:29 #11
Hmm, det går lidt i kage for mig lige nu... Er lettere forvirret og det virker ikke mere efter at jeg pillede lidt mere ved koden...

</head>

<body bgcolor="#505050"topMargin=0 marginheight="0" marginwidth="0">
<div align="center">
  <table width="706" border="0" cellpadding="0" cellspacing="0" style="height: 100%">
    <tr>
      <td width="1" height="80" valign="top"></td>
      <td height="80" colspan="2" valign="top"><img src="bannere/banner2.jpg" width="707" height="80"></td>
    </tr>
    <tr>
      <td width="1" height="21" valign="top"></td>
      <td height="21" colspan="2" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
    <tr>
      <td width="1" height="550" style="height: 100%" valign="top">&nbsp;</td>

      <td width="706" height="550" valign="top" bgcolor="#F5F5F5"><div align="left">
          <table width="3%" height="20" border="0">
            <tr>
              <td><div id='MenuPos' style='position:relative; width:50px; height:49px; left: 79px; top: -20px;'></div></td>
            </tr>
          </table>
          <div align="right">
            <table width="40%" height="366" border="0">
              <tr>
                <td height="362" bordercolor="#505050">
                <div align="center"></div>
                  <div align="center">
                    <table width="78%" height="350" border="0" bgcolor="DFE5E9">
                      <tr>
                        <td height="35" colspan="3"><div align="center">
                            <table width="96%" height="27" border="0">
                              <tr>
                                <td height="23" bgcolor="#F5F5F5"><div align="center" class="Tekst"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Nyheder</font></div></td>
                              </tr>
                            </table>
                          </div></td>
                      </tr>
                      <tr>
                        <td width="3%">&nbsp;</td>
                        <td width="71%" height="21">&nbsp;</td>
                        <td width="26%" class="Tekst"><div align="center">10-03-03</div></td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td height="23" colspan="2" class="Tekst">Vi er nu ved
                          at v&aelig;re f&aelig;rdige med det nye design. Vi syntes
                          at Studenterforum.dk tr&aelig;ngte til en mere for&aring;rsk&aring;d
                          stil... :-)</td>
                      </tr>
                      <tr>
                        <td height="30">&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td height="23">&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td height="23">&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td height="23">&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td height="23">&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="28" colspan="3">&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td height="23">&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td height="23">&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                    </table>
                    <br>
                  </div></td>
              </tr>
            </table>
            <div align="center"><br>
              <br>
              <br>
              <br>
              <br>
              <br>
              <table width="50%" height="34" style="height: 100%" border="0">
                <tr>
                  <td height="30" class="Tekst"><div align="center"><font color="#BFBFBF">Sidst
                      opdateret:
                      <!-- #BeginDate format:Ge1 -->12.03.2003<!-- #EndDate -->
                      </font> <br>
                      <font color="#BFBFBF">Copyright &copy; 2003 Studenterforum.dk</font>
                      <br>
                    </div></td>
                </tr>
              </table>
              <!-- START PEAKCOUNTER KODE -->
              <SCRIPT SRC="http://www.peak.dk/php/showpeakcounterimg.php?id=21258&view=20" TYPE="text/javascript" Language="JavaScript"></SCRIPT>
            <NOSCRIPT><a target="_blank" href="http://www.peak.dk/cgi-bin/peakcounter/toplist.cgi?id=21258"><img src="http://www.peak.dk/grafik/peakcounter20.gif" title='PeakCounter.dk' border=0><img src="http://www.peak.dk/php/peakcounter.php?id=21258" height=1 width=1 border=0></a></NOSCRIPT>
            <!-- SLUT PEAKCOUNTER KODE -->
            </div>
          </div>
        </div> </td>
    </tr>
  </table>
  <script type='text/javascript'>function Go(){return}</script>
  <script type='text/javascript' src='SinglePage_var.js'></script>
  <script type='text/javascript' src='menu9_com.js'></script>
</div>
</body>
</html>
Avatar billede dotcom1 Nybegynder
12. marts 2003 - 19:36 #12
Nu virker det...men det er som om man lige skal scrolle lidt op og ned i Netscape først før tabellen er 100%... :)
Avatar billede Slettet bruger
12. marts 2003 - 19:38 #13
det virker stadigt ikke i netscape her.
Avatar billede dotcom1 Nybegynder
12. marts 2003 - 19:41 #14
Nej, har ikke oploadet det endnu... Bakser lidt med at få tabellen 100% på nogle af de andre sider...
Avatar billede dotcom1 Nybegynder
12. marts 2003 - 19:56 #15
Det er lidt mystisk... I Netscape når tabellen først helt ned i bunden af browseren EFTER at man har ført musen over menuen...(?) Er det bare i min browser, eller hvad...?
Avatar billede Slettet bruger
12. marts 2003 - 21:06 #16
den kommer slet ikke i nærheden af bunden uanset hvad jeg gør i netscape
Avatar billede nibby Nybegynder
15. april 2003 - 23:20 #17
Fandt du ud af hvordan man løser problemet?
Jeg er nemlig stødt ind i det samme problem.

mvh.
Avatar billede dotcom1 Nybegynder
15. april 2003 - 23:25 #18
-> Nibby: Nej, har ikke løst problemet, desværre, men jeg er ret sikker på at det skyldes at jeg bruger en DHTML-menu på siden. Se evt. www.studenterforum.dk Jeg har valgt at leve med at der er et 'gab' nederst på siderne i Netscape. Har du evt. et link til din side?
Avatar billede knudgert Nybegynder
15. april 2003 - 23:41 #19
Det er nu ikke så svært, se kildekoden på http://home13.inet.tele.dk/smedpark/test/tabel100.htm

Doctypen der skal bruges, skal være en der sætter browseren i standardmode.

Der er et lille aberdabei, når du ser siden på TDCs server og det er at de lægger et script ind og når det er der, så kommer der en tom plads nedenunder.
Tag kildekoden og fjern TDCs script og du vil se at tabellen fylder hele siden.
Avatar billede dotcom1 Nybegynder
15. april 2003 - 23:51 #20
Ja, du har ret, jeg kan godt se at tabellen fylder hele siden når tdc's kode er fjernet. Men jeg bruger ikke tdc og har således ikke sådan et script at fjerne. Problemet eksisterer også kun i Netscape, ikke i Explorer.
Hvilken doctype bør jeg i øvrigt bruge?
Avatar billede knudgert Nybegynder
16. april 2003 - 00:20 #21
Hvis du er masochist xhtml 1.1, som jeg har gjort på siden.
Men mere moderat, havd validering angår en af disse i den rækkefølge.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Den sidste er den mest tolerante overfor evt. gamle koder o. lign., så det er nok den sidste du skal bruge.
At du ikke har problemet i IE skyldes at IE rent faktisk ikke viser siden i forhold til standarden.
Avatar billede dotcom1 Nybegynder
16. april 2003 - 10:05 #22
OK, mange tak for kommentarerne. :-)
Avatar billede viciodk Praktikant
24. juni 2003 - 02:42 #23
Jeg har ikke læst det hele igennem, men hvis det stadig ikke virker, så er det nok fordi du ikke har sat height til 100% på html og body:

<head>
<style type="text/css">
html, body {
  height: 100%;
}
</style>
</head>
Avatar billede viciodk Praktikant
24. juni 2003 - 02:43 #24
F.eks. kan du se det virker her:
http://www.vicio.dk/ktg/
Altså tabellen er 100 % høj
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