pez: Tabelle ausrichten

Hi...ich habe einen rechten frame in dem ich mehrere verschiedene Tabellen hab...diese Tabellen sollten alle zentriert dargestellt sein. Die Tabellen haben aber unterschiedliche Spalten und lassen sich einfach nicht richtig ausrichten, wenn man sie unter verschiedenen Auflösungen ansieht bwz. einen anderen Browser verwendet.

hat jemand tipps?

  1. Guten Morgen,

    Hi...ich habe einen rechten frame in dem ich mehrere verschiedene Tabellen hab...diese Tabellen sollten alle zentriert dargestellt sein. Die Tabellen haben aber unterschiedliche Spalten und lassen sich einfach nicht richtig ausrichten, wenn man sie unter verschiedenen Auflösungen ansieht bwz. einen anderen Browser verwendet.

    Poste doch mal einen Link zum Problem.
    Mit welchen Browsern hast du bisher getestet?

    Viele Grüße
    Torsten

    --
    ss:| zu:) ls:] fo:) de:[ va:| ch:? sh:( n4:~ rl:? br:> js:| ie:% fl:( mo:)
    1. hi...steht leider nur offline die seite...aber hier mal auszug aus dem Code:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

      <html>

      <head>

      <title>Kontaktieren Sie uns...</title>

      <script language="javascript" type="text/javascript">

      </script> </head>

      </script>

      <body class="bodyStd" onload="updatedetailmenu()">  <table border="0" width="82%" height="43%" cellpadding="0" cellspacing="0" align="center">

      <tr height="20%">          <td width="8%"></td>          <td height="12" width="84%" valign="top"><img src="../../pics/px_t.gif" height=2 width=2 border=0></td>          <td width="8%"></td>         </tr>

      <tr height="30">   <td></td>

      <td>       <table height="30" border="0" width="100%">      <tr height="30">      <td class="topheader" bgcolor="#C0C0C0">Kontaktieren Sie uns...</td>      </tr>     </table>    </td>

      <td width="20%"></td>  </tr>

      <tr>          <td width="8%"></td>          <td height="40%" width="84%" valign="center">          <h1>.bei Fragen</h1></td>          <td width="8%"></td>         </tr>         <tr>                <td></td>          <td height="30%" valign="center">          <img src="../../pics/px_t.gif" height=2 width=2 border=0></td>          <td></td>         </tr>           <tr>                <td></td>          <td valign="bottom">             <table width="100%" border=0 cellpadding=0 cellspacing=0>             <tr><td class="tdMMenuHd" height="4"><img src="../../pics/px_t.gif" height=2 width=2 border=0></td></tr>             </table>          </td>          <td></td>         </tr>       </table>

      <!--Zweite Tabelle-->

      <table border="1" width="82%" cellspacing="0" cellpadding="0" align="center" height="659">

      <tr>          <td width="8%"</td height="45">          <td width="28%" align="right" valign="top" rowspan="2" height="104">             <table width="100%" cellpadding="0" cellspacing="0" border="0"><!--Firma-Kontaktinfo rot-->     <tr>       <td align="right" id="h1Bereich"><h1 align="right" id="h1Bereich" class="h1Liste">Kontaktinfo</h1></td>     </tr>     <tr>      <td height="5"></td>     </tr>             </table>          </td>          <td width="3%" height="45"><img border="0" src="../../pics/px_t.gif" width="8" height="1"></td>          <td class="tdH2" valign="top" width="58%" height="45" bgcolor="#C0C0C0"><h2>Adresse</h2></td>

      <td width="8%" height="45"> </td>       </tr>

      <tr>          <td height="57"></td>          <td height="57"></td>          <td class="tdTxt" height="57">Genaue Adresse<p>xy</td>       </tr>

      <tr>           <td height="23" width="8%"> </td>       </tr>

      <tr>          <td height="45"></td>          <td height="45"></td>          <td height="45"></td>          <td valign="top" class="tdH2" height="45"><h2 class="h2Liste">Email</h2></td>

      <td width="8%" height="45"> </td>

      </tr>

      <tr>         <td height="19"></td>         <td align="right" valign="top" height="19">            </td>            <td height="19"></td>            <td class="tdTxt" height="19">Email-Adresse</td>       </tr>

      <tr>           <td height="23" width="8%"> </td>       </tr>

      <tr>          <td height="45"></td>          <td height="45"></td>          <td height="45"></td>          <td valign="top" class="tdH2" height="45"><h2 class="h2Liste">Telefon, Fax</h2></td>

      <td width="8%" height="45"> </td>

      </tr>

      <tr>         <td height="38"></td>         <td align="right" valign="top" height="38">            </td>            <td height="38"></td>            <td class="tdTxt" height="38"> Telefonnummer<br>            Faxnummer</td>       </tr>

      <tr>           <td height="23" width="8%"> </td>       </tr>

      <tr>          <td height="45"></td>          <td height="45"></td>          <td height="45"></td>          <td valign="top" class="tdH2" height="45"><h2>          <a href="content.asp" 20width="8%" height="45"> </td>

      </tr>

      <tr>         <td height="1"></td>         <td align="right" valign="top" height="1">            </td>            <td height="1"></td>            <td class="tdTxt" height="1"></td>       </tr>

      <tr>           <td height="23" width="8%"> </td>       </tr>

      <tr>          <td height="45"></td>          <td height="45"></td>          <td height="45"></td>          <td valign="top" class="tdH2" height="45"><h2 class="h2Liste">Nummer</h2></td>

      <td width="8%" height="45"> </td>

      </tr>

      <tr>         <td height="52"></td>         <td align="right" valign="top" height="52">            </td>            <td height="52"></td>            <td class="tdTxt" height="52">  </td>       </tr>

      <tr>           <td height="23" width="8%"> </td>       </tr>

      <tr>          <td height="45"></td>          <td height="45"></td>          <td height="45"></td>          <td valign="top" class="tdH2" height="45"><h2>          <a href="content.asp">Link</a></h2></td>

      <td width="8%" height="45"> </td>

      </tr>

      <tr>         <td height="1"></td>         <td align="right" valign="top" height="1">            </td>            <td height="1"></td>            <td class="tdTxt" height="1"></td>       </tr>

      <tr>    <td colspan="3" height="72"></td>    <td height="72">

      <table border=0 width="100%" height="67">

      <tr>    <td class="tdSmall" valign=bottom height=36 width="100%" colspan=3><hr size=1 width="100%"></td>       </tr>       <tr>        <td class="tdSmall" valign=top height=23 nowrap><b>Links</b></td>             <td class="tdSmall" nowrap valign=top height=23>             <a href="../main/content" valign=top height=30></td>       </tr>       </table>    </td>    </tr>    </table>

      </body>

      </html>

      Im Prinzip sind es zwei verschiedene Tabellen, die aber unterschiedliche Spaltenanzahl haben aber gleich ausgerichtet gehören

      Hab diese Probleme mit dem Ausrichten auch schon mir der Auflösung...vom Netscape gar nicht zu schweigen...

      Guten Morgen,

      Hi...ich habe einen rechten frame in dem ich mehrere verschiedene Tabellen hab...diese Tabellen sollten alle zentriert dargestellt sein. Die Tabellen haben aber unterschiedliche Spalten und lassen sich einfach nicht richtig ausrichten, wenn man sie unter verschiedenen Auflösungen ansieht bwz. einen anderen Browser verwendet.

      Poste doch mal einen Link zum Problem. Mit welchen Browsern hast du bisher getestet?

      Viele Grüße Torsten

      1. Hallo,
        nur mal nebenbei bemerkt:
        findest du nicht, dass diese "wilden" tabellen nicht etwas zu viel des guten (bösen?) sind um das darzustellen was du willst?

        Imho wäre es doch besser da auf tabellen, besonders derartige, zu verzichten und vieleicht eine liste zu verwenden im zusammenspiel mit dem guten, alten <address> element oder nur das <address> element mit ein paar <br>s.

        <h1></h1>
        <h2></h2>
        <ul>
        <li><address></address></li>
        ...
        </ul>

        Und das ganze mit etwas css in formgebracht.

        Ansonsten weiss ich nicht recht was du mit ausrichten genau meinst.

        Gruss, Jan aus Dresden

      2. Hallo pez(?),

        bitte lies bei Gelegenheit http://forum.de.selfhtml.org/faq/index.htm.

        Nun zu Deinem Problem:

        IMHO solltest Du mit EINER Tabelle arbeiten, und beim Verwenden von 'width'- und 'height'-Attributen bedenken, dass Du hiermit lediglich Mindest-Masse erzwingst.

        Falls Du nicht mit CSS arbeiten willst, schau doch (noch) einmal hier http://selfhtml.teamone.de/html/tabellen/aufbau.htm, wie eine Tabelle aufgebaut ist.

        Und hier http://home.arcor.de/rainergroth/tipps/tabelle.pdf kannst Du nachlesen, wie Du eine Layout-Tabelle aufbauen kannst.

        gruesse
        rainer groth

        --
        ss:| zu:} ls:& fo:) de:] va:| ch:] n4:° rl:? br:$ js:| ie:| fl:( mo:?
        (--> einer der letzten bauhaeusler <--)