Probi: Auto Größenanpassung bei Tabellen

SELF-Forum

Auto Größenanpassung bei Tabellen

Probi
– Informationen zu den Bewertungsregeln

Hi Leute, ich probier jetzt schon 2 Stunden hier rum aber irgendwie klappts einfach net, die Tabelle wird einfach net komplett über den Bildschirm gestreckt (mittlere Reihe ist zu klein, die mit den Dingern am Rand, aus denen mal Menüs endstehen werden :)), theoretisch müsste es eigentlich funktionieren hab keine Fehler im Code gefunden... Vielleicht könnt ihr mir helfen...
URL: h++p://www.clan.online-hardwareshops.de/
Hier einfach mal der Code, und schonmal Danke :)

index.php:
<html>
<head>
<title>team SG</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td height="120" bgcolor="AFABAA"><img src="grafiken/header.jpg" width="800" height="120"></td>
    <td width="20" class="menu-h-border-r"><img src="grafiken/px.gif"></td>
    <td width="20" class="menu-h-border-l"><img src="grafiken/px.gif"></td>
    <td width="140" class="menu-v-border-l"><img src="grafiken/px.gif"></td>
   </tr>
  </table>
 </tr>
 <tr>
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="140" align="left" class="menu-v-border-r2"><? include('menu1.php'); ?></td>
    <td width="20" class="menu-h-border-r"><img src="grafiken/px.gif"></td>
    <td  class="content"><img src="grafiken/px.gif"></td>
    <td width="20" class="menu-h-border-l"><img src="grafiken/px.gif"></td>
    <td width="140" align="right" class="menu-v-border-l2"><? include('menu2.php'); ?></td>
   </tr>
  </table>
 </tr>
 <tr>
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="140" height="75" class="menu-v-border-r"><img src="grafiken/px.gif"></td>
    <td width="20" height="75" class="menu-h-border-r"><img src="grafiken/px.gif"></td>
    <td width="20" height="75" class="menu-h-border-l"><img src="grafiken/px.gif"></td>
    <td align="center" height="75" bgcolor="AFABAA"><script language="JavaScript" src="http://livebanner.xg1.net/xg1-banneri.php?boxid=4182&style=7"></script><noscript><a href="http://livestats.xg1.net/stats.php?boxid=4182" target="_blank"><img src="http://livebanner.xg1.net/box4182-7.png" border="0"></a></noscript></td>
    <td width="20" height="75" class="menu-h-border-r"><img src="grafiken/px.gif"></td>
    <td width="20" height="75" class="menu-h-border-l"><img src="grafiken/px.gif"></td>
    <td width="140" height="75" class="menu-v-border-l"><img src="grafiken/px.gif"></td>
   </tr>
  </table>
 </tr>
</table>
</body>
</html>

Falls ihr noch CSS oder irgendwas braucht, bescheid sagen ;)
Grüße, Probi

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. sinnvolles HTML: Navigation als Liste auszeichnen

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Falls ihr noch CSS oder irgendwas braucht, bescheid sagen ;)

    Wenn jemand mehr CSS braucht, dürftest du das sein.
    Und das CSS braucht natürlich erst mal strukturell sinnvolles HTML.

    Also solltest du davon Abstand nehmen, ein Menü in eine Tabelle zwängen zu wollen - und es stattdessen als das umsetzen, was es ist - eine _Liste_ von Links.

    http://css.maxdesign.com.au/listamatic/ liefert dir zahlreiche gute Beispiele.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Auto Größenanpassung bei Tabellen

    Auge
    – Informationen zu den Bewertungsregeln

    Hallo

    Hi Leute, ich probier jetzt schon 2 Stunden hier rum aber irgendwie klappts einfach net, die Tabelle wird einfach net komplett über den Bildschirm gestreckt (mittlere Reihe ist zu klein, die mit den Dingern am Rand, aus denen mal Menüs endstehen werden :)), theoretisch müsste es eigentlich funktionieren hab keine Fehler im Code gefunden... Vielleicht könnt ihr mir helfen...

    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td height="120" bgcolor="AFABAA"><img src="grafiken/header.jpg" width="800" height="120"></td>
        <td width="20" class="menu-h-border-r"><img src="grafiken/px.gif"></td>
        <td width="20" class="menu-h-border-l"><img src="grafiken/px.gif"></td>
        <td width="140" class="menu-v-border-l"><img src="grafiken/px.gif"></td>
       </tr>
      </table>
    </tr>

    ...

    Über Sinn oder besser Unsinn von verschachtelten Tabellen lasse ich mich hier mal nicht aus. Das ginge, wenn's denn unbedingt eine Tabelle sein soll, auch mit einer einzigen Tabelle.

    Der Fehler, den _ich_ sehe, ist, die inneren Tabellen direkt in eine Tabellenspalte (<tr>) zu legen. Wenn, dann gehört sie in eine Zelle!

    falsch:

    <table>  
 <tr> <!-- Tabellenspalte -->  
  <table>  
   <tr>  
    <td></td>  
   </tr>  
  </table>  
 </tr>  
</table>

    richtig:

    <table>  
 <tr>  
  <td> <!-- Tabellenzelle -->  
   <table>  
    <tr>  
     <td></td>  
    </tr>  
   </table>  
  </td>  
 </tr>  
</table>

    Falls ihr noch CSS oder irgendwas braucht, bescheid sagen ;)
    Grüße, Probi

    Tschö, Auge

    --
    Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
    (Victor Hugo)
    Veranstaltungsdatenbank Vdb 0.1
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln