Avatar billede nickyc Nybegynder
14. april 2004 - 14:31 Der er 12 kommentarer og
1 løsning

tabel skal strække sig 100% inde i anden tabel

Hey eksperter!

Sidder her med et kæmpe problem!

Jeg har en tabel der skal strække sig 100%! Men det vil den bare ikke! Den eneste tabel der vil strække sig 100% er den yderste tabel, men den inden i vil ikke!

Nogle der kan hjælpe???

Koden for min tabel der skal strække sig:

table id="tableleft" style="height: 100%;" cellspacing="0" cellpadding="0">
              <tr>
                <td id="tdprod" colspan="2"><img src="images/produkter_left.gif" alt="Produkter" id="proleftimg"></td>
              </tr>
              <tr>
                <td id="tdspacer">&nbsp;</td>
                <td id="tdlinkbox"><br>
                  Netbase<br>
                  Flykningebarometer<br>
                  Opert&oslash;r Monitor<br>
                  <br>
                  Port Cost Control<br>
                  <br>
                  Mobbe Monitor<br>
                  Lokaldemokrati<br>
                  <br>
                  Netsurveyer<br>
                  <br>
                  Skredders&oslash;m<br>
                  <br>
                  <br>
                  <br> </td>
              </tr>
              <tr>
                <td colspan="2"><img src="images/login_left.gif" alt="Login" id="loginleftimg"></td>
              </tr>
              <tr>
                <td id="tdspacer">&nbsp;</td>
                <td id="tdlogin2"><p><br>
                    Netbase Login<br>
                    FB Login</p>                </td>
              </tr>
            </table></td>
---------------------------------------

Denne tabel ligger inde i en anden tabel! Hvorfor vil denne her ikke strække sig 100%???
Avatar billede fennec Nybegynder
14. april 2004 - 14:35 #1
har du sat cellspacing="0" cellpadding="0" på den yderste tabel????
Avatar billede nickyc Nybegynder
14. april 2004 - 14:36 #2
jep
Avatar billede nute Nybegynder
14. april 2004 - 14:41 #3
det ville være til stor hjælp hvis du postede begge tabeller. det giver ingen mening for os at se den ene tabel, når problemet vel så gerne kan ligge i den omsluttende tabel

;o]
Avatar billede nickyc Nybegynder
14. april 2004 - 14:52 #4
poster bare hele koden :) - værsgo :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Netfact - Know more faster!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/standard.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('images/buttons/produkter_over.gif','images/buttons/aktuelt_over.gif','images/buttons/firmaet_over.gif','images/buttons/partnere_over.gif','images/buttons/teknologi_over.gif','images/buttons/kontakt_over.gif')">
<table align="center" id="maintable">
  <tr>
    <td valign="top"> <table cellpadding="0" cellspacing="0" id="top">
        <tr>
          <td width="30">&nbsp;</td>
          <td width="223"><img src="images/netfact.gif" alt="netfact" id="netfact_img"></td>
          <td width="452"><img src="images/know_more_faster.gif" alt="know more faster" id="knowimg"></td>
          <td id="mailtd"><img src="images/mail.gif" alt="kontakt oss" id="mailimg"></td>
        </tr>
      </table>
      <table cellpadding="0" cellspacing="0" id="head_table">
        <tr>
          <td><img src="images/head_1.jpg" alt="netfact - know more faster" id="head_img"></td>
        </tr>
      </table>
      <table cellpadding="0" cellspacing="0" id="menubar">
        <tr>
          <td width="120">&nbsp;</td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('produkter','','images/buttons/produkter_over.gif',1)"><img src="images/buttons/produkter.gif" alt="Produkter" name="produkter" width="55" height="10" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Aktuelt','','images/buttons/aktuelt_over.gif',1)"><img src="images/buttons/aktuelt.gif" alt="Aktuelt" name="Aktuelt" width="39" height="10" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Firmaet','','images/buttons/firmaet_over.gif',1)"><img src="images/buttons/firmaet.gif" alt="Firmaet" name="Firmaet" width="42" height="9" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Partnere','','images/buttons/partnere_over.gif',1)"><img src="images/buttons/partnere.gif" alt="Partnere" name="Partnere" width="47" height="9" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Teknologi','','images/buttons/teknologi_over.gif',1)"><img src="images/buttons/teknologi.gif" alt="Teknologi" name="Teknologi" width="53" height="12" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kontakt','','images/buttons/kontakt_over.gif',1)"><img src="images/buttons/kontakt.gif" alt="Kontakt oss" name="Kontakt" width="65" height="10" border="0"></a></td>
        </tr>
      </table>
      <table cellpadding="0" cellspacing="0" id="main_content">
        <tr>
          <td width="138" valign="top">
          <table id="tableleft"  cellspacing="0" cellpadding="0">
              <tr>
                <td id="tdprod" colspan="2"><img src="images/produkter_left.gif" alt="Produkter" id="proleftimg"></td>
              </tr>
              <tr>
                <td id="tdspacer">&nbsp;</td>
                <td id="tdlinkbox"><br>
                  Netbase<br>
                  Flykningebarometer<br>
                  Opert&oslash;r Monitor<br>
                  <br>
                  Port Cost Control<br>
                  <br>
                  Mobbe Monitor<br>
                  Lokaldemokrati<br>
                  <br>
                  Netsurveyer<br>
                  <br>
                  Skredders&oslash;m<br>
                  <br>
                  <br>
                  <br> </td>
              </tr>
              <tr>
                <td colspan="2"><img src="images/login_left.gif" alt="Login" id="loginleftimg"></td>
              </tr>
              <tr>
                <td id="tdspacer">&nbsp;</td>
                <td id="tdlogin2"><br>
                  Netbase Login<br>
                  FB Login<br>
&nbsp; </td>
              </tr>
            </table></td>
          <td width="448" valign="top">
          <table cellpadding="0" cellspacing="0" id="tdmain">
              <tr>
                <td colspan="3"><img src="images/overskrifter/merkelofte.gif" width="110" height="30"></td>
              </tr>
              <tr>
                <td width="20">&nbsp;</td>
                <td width="428"><br>
                  Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br>
&nbsp; </td>
                <td width="10">&nbsp;</td>
              </tr>
              <tr valign="top">
                <td colspan="3"><div align="center"><img src="images/main_line1px_hori.gif" width="418" height="1"><br>
&nbsp;</div></td>
              </tr>
              <tr>
                <td width="20">&nbsp;</td>
                <td> <table cellpadding="0" cellspacing="0" id="tablebox">
                    <tr>
                      <td width="260" height="19"><img src="images/box_headllines/flyktningmottak.gif" id="flyktimg"></td>
                      <td width="8">&nbsp;</td>
                      <td width="7"><img src="images/bg/main_line1px_vert2.gif" width="1" height="25"></td>
                      <td width="4">&nbsp;</td>
                      <td width="130"><img src="images/box_headllines/shipping.gif" id="shippingimg"></td>
                    </tr>
                    <tr valign="top">
                      <td height="155" colspan="5"> <table width="409" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="86" valign="top" id="tdnetbase"><br>
                              <img src="images/boxes/netbase.gif" alt="Netbase" width="86" height="94"><br>
                              Netbase
                            </td>
                            <td valign="top" id="tdflyktninge"><br>
                              <img src="images/boxes/flyktninge_barometer.gif" alt="Flykningebarometer" width="86" height="94"><br>
                              Flykninge-<br>
                              Barometer
                            </td>
                            <td valign="top" id="tdoper"><br>
                              <img src="images/boxes/operator_monitor.gif" alt="Opertør Monitor" width="86" height="94"><br>
                              Opert&oslash;r -<br>
                              Monitor
                            </td>
                            <td id="tdspacer2">&nbsp;</td>
                            <td width="11" valign="top"><img src="images/bg/main_line1px_vert3.gif" width="1" height="150"></td>
                            <td width="130" valign="top" id="tdshipping"><br>
                              <img src="images/boxes/port_cost_control.gif" alt="Post Cost Control" width="86" height="94"><br>
                              Post Cost<br>
                              Control
                            </td>
                          </tr>
                        </table>
                    </tr>
                  </table>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td colspan="3"><div align="center"><br>
                    <img src="images/main_line1px_hori.gif" width="418" height="1"><br>
                    <br>
                  </div></td>
              </tr>
              <tr>
                <td><br></td>
                <td> <table cellpadding="0" cellspacing="0">
                    <tr>
                      <td id="tdorganisation" colspan="2"><img src="images/box_headllines/organisationer.gif" id="orgaimg"></td>
                      <td width="22" id="tdspacer22">&nbsp;</td>
                      <td width="4"><img src="images/bg/main_line1px_vert2.gif" width="1" height="25"></td>
                      <td width="22" id="tdspacer22">&nbsp;</td>
                      <td width="130"><img src="images/box_headllines/sporrevaerktoej.gif" id="spvarkimg"></td>
                      <td width="10">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="86" valign="top" id="tdmobbe"><br>
                        <img src="images/boxes/mobbe_monitor.gif" alt="Mobbe Monitor" width="86" height="94"><br>
                        Mobbe - <br>
                        Monitor
                      </td>
                      <td valign="top" id="tdlokal"><br>
                        <img src="images/boxes/lokal_demokrati.gif" alt="Lokaldemokrati" width="86" height="94"><br>
                        Lokal-<br>
                        demokrati
                       
                      <td valign="top" id="tdspacer2">&nbsp;</td>
                      <td valign="top"><img src="images/bg/main_line1px_vert3.gif" width="1" height="150"></td>
                      <td valign="top" id="tdspacer2">&nbsp;</td>
                      <td id="tdnetsurvey" valign="top"><br>
                        <img src="images/boxes/net_surveyoer.gif" alt="Netsurveyer" width="86" height="94">
                        Netsurveyer
                      &nbsp;</td>
                    </tr>
                  </table>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td colspan="3"><div align="center"><br>
                    <img src="images/main_line1px_hori.gif" width="418" height="1"></div></td>
              </tr>
              <tr>
                <td colspan="3">&nbsp;</td>
              </tr>
            </table>
          <td valign="top"> <table cellpadding="0" cellspacing="0" id="table_right">
              <tr>
                <td colspan="3"><img src="images/aktuelt_left.gif" alt="Aktuelt" id="aktimg"></td>
              </tr>
              <tr>
                <td width="15">&nbsp;</td>
                <td width="155"><br>
                  Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id<br>
&nbsp;</td>
                <td width="10">&nbsp;</td>
              </tr>
              <tr>
                <td colspan="3"><img src="images/split_line1px.gif" id="split_img"></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td><br>
                  Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming idNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id<br>
&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td colspan="3"><img src="images/split_line1px.gif" id="split_img"></td>
              </tr>
            </table></td>
       
      </table>
 
</table>
</body>
</html>
Avatar billede exp Juniormester
14. april 2004 - 14:56 #5
nickyc >>
Venligst læs reglerne (og specifikt §2.1.11)
"[Det er ikke tilladt at] oprette samme spørgsmål flere gange. Er der ikke indløbet tilfredsstillende svar på et spørgsmål efter 7 dage, er det dog tilladt at lukke det oprindelige spørgsmål, og oprette et nyt identisk."

http://www.eksperten.dk/regler.phtml


exp/coadmin
Avatar billede nute Nybegynder
14. april 2004 - 15:10 #6
for at noget skal være 100% (i højde eller bredde), så er jo elementet nødt til at vide hvad det skal være 100% af !!

height:100%; refererer til 100% af det omkransende element. du er nødt til at sætte højde på dine omkransende tabeller inden én eller anden tabel kan fylde 100% af den.

/nute
Avatar billede nickyc Nybegynder
14. april 2004 - 15:31 #7
Jamen det skal jo være 100% af ens skærm! Den skal jo tilpasse sig skærmens størrelse!
Avatar billede nute Nybegynder
14. april 2004 - 15:45 #8
stadig ... hvis du vil noget skal fylle hele din skærm, så er du nødt til at angive størrelse på dét element der indeholder din side.

kig på følgende eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Untitled</title>
    <style>
        body, html
        {
            margin:0px;
            height:100%;
        }
        .all
        {
            height:100%;
            background-color:red;   
        }
    </style>
</head>
<body>
<table><tr><td>
<table class="all"><tr><td>Denne fylder hele din skærm</td></tr></table>
</td></tr></table>
</body>
</html>

denne tabel fylder ikke hele din side. hvis du fjerner den omkransende tabel, så fylder den hele siden, eller hvis du sætter 'style="height:100%"' på den omkransende tabel. Desværre så vil ikke IE rendere dette ordentlig, men hvis du kigger i Mozilla, så kan du se at det vises korrekt

/nute
Avatar billede nickyc Nybegynder
15. april 2004 - 09:52 #9
men hvis jeg nu skal have det til at virke i IE, hvordan så? - de fleste sidder jo med IE browsere...
Avatar billede nute Nybegynder
15. april 2004 - 09:59 #10
blandt andet ved at gøre som jeg har skrevet tidligere ... sætte højde på alle elementer ned til den tabel du ønsker skal fylde 100%:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Untitled</title>
    <style>
        body, html
        {
            margin:0px;
            height:100%;
        }
        .all
        {
            height:100%;
            background-color:red;   
        }
    </style>
</head>
<body>
<table style="background-color:green;height:100%"><tr><td style="height:100%">
<table class="all"><tr><td>Denne fylder hele din skærm</td></tr></table>
</td></tr></table>
</body>
</html>

/nute
Avatar billede nickyc Nybegynder
20. april 2004 - 14:34 #11
hmm
Avatar billede nute Nybegynder
20. april 2004 - 14:37 #12
en forklaring på hvorfor du blot lukker dine spm, ville være at foretrække ...
Avatar billede exp Juniormester
20. april 2004 - 18:01 #13
Ja, den vil jeg også gerne høre. Det er 3. spørgsmål du lukker nu, og i alle tre har du fået svar på dit spørgsmål.

(God) forklaring udbedes.


exp/coadmin
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