• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabellen Höhe frage (relativ einfach x))

Status
Für weitere Antworten geschlossen.
L

Lightning91

Neues Mitglied
Hallo,
Ich habe "mal wieder" ein Problem :(
Unzwar folgendes: Ich möchte das meine tabelle automatisch bis nach ganz unten geht. Man sieht das Problem direkt rechts. http://jumpstyle-project.de/chiara
Ich poste mal mein ganzen Quelltext und makiere die stelle wo die tabelle ist.
Code: 
<head>
<script 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 bgcolor="#000000" onLoad="MM_preloadImages('Bilder/Bilder/button_over_05.jpg','Bilder/Bilder/button_over_07.jpg','Bilder/Bilder/button_over_08.jpg','Bilder/Bilder/button_over_09.jpg','Bilder/Bilder/button_over_10.jpg')">
<center>
<table width="919" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Bilder/Bilder/chiara_03.jpg" /></td>
  </tr>
</table>
<table width="919" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td  valign="top"><table width="919" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="161"  valign="top"><table width="161" border="0" cellspacing="0" cellpadding="0" style="background-image:url(Bilder/Bilder/scheißBB_15.jpg); background-repeat:repeat-y;">
  <tr>
    <td valign="top"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Bilder/Bilder/button_over_05.jpg',1)"><img src="Bilder/Bilder/button_05.jpg" name="Image2" width="161" height="46" border="0"></a></td>
  </tr>
  <tr>
    <td valign="top"><a href="gbook.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Bilder/Bilder/button_over_07.jpg',1)"><img src="Bilder/Bilder/button_07.jpg" name="Image3" width="161" height="44" border="0"></a></td>
  </tr>
  <tr>
    <td valign="top"><a href="umfragen.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','Bilder/Bilder/button_over_08.jpg',1)"><img src="Bilder/Bilder/button_08.jpg" name="Image4" width="161" height="40" border="0"></a></td>
  </tr>
  <tr>
    <td valign="top"><a href="videos.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Bilder/Bilder/button_over_09.jpg',1)"><img src="Bilder/Bilder/button_09.jpg" name="Image5" width="161" height="45" border="0"></a></td>
  </tr>
  <tr>
    <td valign="top"><a href="bilder.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','Bilder/Bilder/button_over_10.jpg',1)"><img src="Bilder/Bilder/button_10.jpg" name="Image6" width="161" height="41" border="0"></a></td>
  </tr>
  <tr>
    <td valign="bottom" style="background-image:url(Bilder/Bilder/chiara_11.jpg); background-repeat:repeat-y;">&nbsp;</td>
  </tr>
</table>
</td>
    <td>&nbsp;</td>
    <td width="161" valign="top">
    <!-- TABELLE -->
     <table width="161" border="0" cellspacing="0" cellpadding="0" style="background-image:url(Bilder/Bilder/scheiBB_15.jpg); background-repeat:repeat-y; height:100%;">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<!-- ENDE -->
</td>
  </tr>
</table>
</td>
  </tr>
</table>
<table width="919" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="919" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="133"><img src="Bilder/Bilder/chiara_13.jpg" /></td>
    <td width="85" background="Bilder/Bilder/chiara_14.jpg">&nbsp;</td>
    <td width="701"><img src="Bilder/scheiBB_15-06.jpg" /></td>
  </tr>
</table>
</td>
  </tr>
</table>

</center>
</body>
 
Die Lösung heißt CSS und valider Quellcode:

1. fehlt dir ein doctype
2. fehlt dir der beginnende und der beendende html-Tag
3. wieso verwendest du <center>? Nutze lieber CSS zur Zentrierung.
4. um die Tabelle über die gesamte Höhe gehen zu lassen musst du im CSS folgendes angeben:

Code: 
html, body { height: 100%; }
table { height: 100%; }

Eventuell musst du die Höhe der Tabelle selbst anders festlegen, sehe leider bei diesem Tabellen-Irrsinn nicht durch :roll:
 
Hmm es hat mein ganzes design zerfetzt bzw die tables...geht das nicht irgendwie mit div?^^
Ist es mit Div leichter?
 
Zuletzt bearbeitet:
threadi schrieb:
Auf jeden Fall ja. Musst nur das Boxmodell und dazugehöriges CSS erlernen.
Zum Vergrößern anklicken....

Ich habs einmal versucht, aber da kam das wie in zeilen.
Sagen wir mal
Head
Links
MAin
Rechts

genau so.
Oder habe ich es einfach nur falsch gemacht?
Habe mit <div align das gemacht ^^
Hmm css...wo kann ich das am besten lernen...css4you mag ich selber nicht so...ich frag mal google danke wegen dem tipp vom boxmodell
 
Das Boxmodell hat auch etwas mit CSS zu tun - ohne das geht es nicht. Musst die einzelnen divs auf Höhe und/oder Breite beschränken, floaten lassen etc.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben