Sladi: Ausrichtung der Zellen

Hallo Leute

Ich habe ein Problem mit ausrichten der Zellen in verschiedenen unterander angelegten Tabellen.
Es ist eine Rechnung die aus fünf Tabellen besteht. Leider habe ich Probleme mit den ausrichten der Zellen, links aber auch rechts es klappt einfach nicht.

Kann mir jemand bei dieser Sache helfen, meine Logik lest nicht zu um das zu verstehen, obwohl ich alles ausgerechnet habe, die Summe alle Zellen ist die breite der Tabelle.

Es stimmt einfach nicht, ich habe das Gefühl HTML macht was es will.

Ich Bitte um Hilfe oder eine Erklärung warum ist es so schwierig eine gute Ausrichtung der Zellen und darin vorhandenen Text herzustellen.

  1. Hallo!

    Kann mir jemand bei dieser Sache helfen, meine Logik lest nicht zu um das zu verstehen, obwohl ich alles ausgerechnet habe, die Summe alle Zellen ist die breite der Tabelle.

    Nein, solange wir dein Problem nicht kennen, kann Die keiner helfen.

    tschüs, jürgen

    1. Wie kann ich es am besten beschreiben, die sch... Zellen und darin erhaltene Text kann ich nicht links ausrichten. Ich will eine Rechnung darstellen die verschiedene Zellen beinhaltet wo später ein wert eingetragen wird.

      Frage: Darf ich den HTML hier Publizieren?

      1. Hallo,

        Frage: Darf ich den HTML hier Publizieren?

        Ja, Du darfst und sollst hier HTML- und CSS-Quellcode publizieren,
        wenn es zur Loesung Deines Problems hilfreich ist.
        Einfach mit Copy-Paste ins Feld uebernehmen.
        Bitte nur den jeweils relevanten Quelltext, evtl. gekuerzt.
        (Natuerlich solltest Du keine geheimen Daten veroeffentlichen.)

        Ich schaetze es allerdings noch mehr, wenn man
        eine Beispiel-Seite online stellt und hier die URL
        angibt, natuerlich als Link (</faq/#Q-19>).

        Bitte lies aber auch, wie man (zeitgemaess) mit CSS
        http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm
        sowie (veraltet) mit HTML
        http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#ausrichtung_zellen
        den Inhalt von Tabellenzellen ausrichten kann.

        Gruesse,

        Thomas

        --
        Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
        Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/
        1. Hi..

          Ich habe nur einen Ausschnitt aus der Seite genommen und extra bestimmte Zelle eingefärbt um das Problem besser darzustellen. Im Dreamweaver ist die Darstellung korrekt bei Vorschau  dagegen stiemt es nicht.

          Danke

          =====
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          <html>
          <head>
          <title>Forum</title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
          </head>

          <body>
          <table width="595" height="105" border="0" align="center" cellpadding="4" cellspacing="0">
            <!--DWLayoutTable-->
            <tr>
              <td width="60" height="105" rowspan="5" bgcolor="#0033FF"></td>
              <td width="100" height="25" valign="middle"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Seiten</strong></font></td>
              <td width="270" height="25" align="left" valign="middle"><strong><font size="2" face="Arial, Helvetica, sans-serif">Datum</font></strong></td>
              <td width="40" height="25" align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Tage</strong></font></td>
              <td width="40" height="25" align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>à</strong></font></td>
              <td width="60" height="25" valign="middle"><font size="2" face="Arial, Helvetica, sans-serif"><strong>Summe</strong></font></td>
              <td width="25" height="105" rowspan="5" bgcolor="#0033FF"></td>
            </tr>
            <tr>
              <td height="10" width="510" colspan="5" align="center" valign="middle"><img src="../slike/linien/trenlinie_einfach_3.gif" width="500" height="3" align="middle"></td>
            </tr>
            <tr>
              <td width="100" height="30" align="left" valign="middle"><!--DWLayoutEmptyCell-->  </td>
              <td width="270" height="30" align="left" valign="middle"><!--DWLayoutEmptyCell-->  </td>
              <td width="40" height="30" align="center" valign="middle"><!--DWLayoutEmptyCell-->  </td>
              <td width="40" height="30" align="center" valign="middle"><!--DWLayoutEmptyCell-->  </td>
              <td width="60" height="30" align="right" valign="middle"><!--DWLayoutEmptyCell-->  </td>
            </tr>
            <tr>
              <td height="30" width="510" colspan="5"> </td>
            </tr>
            <tr>
              <td height="10" width="510" colspan="5" align="center" valign="middle"><img src="../slike/linien/trenlinie_einfach_3.gif" width="500" height="3" align="middle"></td>
            </tr>
          </table>
          <table width="595" height="130" border="0" align="center" cellpadding="4" cellspacing="0">
            <tr>
              <td width="60" height="129" rowspan="5" bgcolor="#CC0000"> </td>
              <td width="310" height="26" align="left" valign="middle"> <div align="left"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Gesamtsumme
                  (exkl. MwSt.) </font></strong></div></td>
              <td width="100" height="26" align="right" valign="middle"> <div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">CHF</font></strong></div></td>
              <td width="100" height="26" align="right" valign="middle"> <div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">0.00</font></strong></div></td>
              <td width="25" height="129" rowspan="5" bgcolor="#FF0000"> </td>
            </tr>
            <tr>
              <td width="310" height="26" align="left" valign="middle"> <div align="left"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Mengen
                  Rabatt  10% </font></strong></div></td>
              <td width="100" height="26" align="right" valign="middle"> <div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">CHF</font></strong></div></td>
              <td width="100" height="26" align="right" valign="middle"> <div align="right"><strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif">0.00</font></strong></div></td>
            </tr>
            <tr>
              <td width="310" height="26" align="left" valign="middle"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">entth.
                gesetzl. MwSt. 7,6% </font></strong></td>
              <td width="100" height="26" align="right" valign="middle"><font color="#FFFFFF"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">CHF</font></strong></font></td>
              <td width="100" height="26" align="right" valign="middle"><font color="#FFFFFF"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">0.00</font></strong></font></td>
            </tr>
            <tr bgcolor="#0000FF">
              <td width="310" height="26" align="left" valign="middle" bgcolor="#CCCCCC"><font size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>Total</strong></font></td>
              <td width="100" height="26" align="right" valign="middle" bgcolor="#CCCCCC"><font color="#FFFFFF"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">CHF</font></strong></font></td>
              <td width="100" height="26" align="right" valign="middle" bgcolor="#CCCCCC"><font color="#FFFFFF"><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">0.00</font></strong></font></td>
            </tr>
            <tr>
              <td height="26" width="510" colspan="3" align="left" valign="middle"><font size="2" face="Arial, Helvetica, sans-serif">Zahlbar
                innert 10 Tage.</font></td>
            </tr>
          </table>
          </body>
          </html>

          ======

          1. Hallo,

            Sorry, aber diese Quelltext-Wueste macht mich ueberhaupt nicht an...

            Bitte entferne mal saemtliche FONT-Tags. Die sind ueberfluessig
            bzw. durch CSS ohne weiteres ersetzbar.
            Die meisten DIV-Elemente sind IMHO ebenso ueberfluessig.
            Und vereinfache auch den restlichen Code aufs wesentliche.

            Dann poste den Quellcode fuer eine oder zwei Tabellenzeilen,
            und beschreib genau, was "nicht korrekt" sein soll.

            Wie gesagt, waere ein Online-Beispiel hilfreicher,
            denn ich habe keine Lust, den Quelltext bei mir
            lokal zu speichern, bloss um die Seite anzugucken.

            Wenn Du das (vermeintliche) Darstellungs-Problem nicht
            mit Worten beschreiben kannst, mach halt ein paar Screenshots
            davon, wie es aussieht und was Deiner Meinung nach
            dabei "falsch" ist.

            Gruesse,

            Thomas

            --
            Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
            Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
            Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/
            1. Sorry

              Hir der Link

              http://www.businessregister.ch/Forum/test.htm

              1. Hallo Sladi,

                Schoen, dass Du die Seite online gestellt hast. Danke.
                Jetzt sehe ich, was Du meinst.

                Hir der Link
                http://www.businessregister.ch/Forum/test.htm

                Das ist nur eine URL, kein Link.
                Bitte lies </faq/#Q-19> und wende es an.

                http://www.businessregister.ch/Forum/test.htm

                Dort sind immer noch die FONT-Tags drin. Bitte wegmachen.

                Warum machst Du nicht einfach eine einzige Tabelle?
                Dann waere Dein "Problem" mit den verschieden breiten Spalten
                mit einem Schlag geloest.

                Die obere Tabelle hat 7 Spalten, die untere nur 5.
                Du schreibst mit (veralteten) HTML-Attributen vor,
                wie breit die ganze Tabelle sowie jede einzelne
                Zelle sein soll.
                Die linkeste Spalte soll in beiden Tabellen 60px breit sein,
                die rechteste 25px.
                Der Fehler kommt wahrscheinlich vom Cellpadding="4".
                Das wird vermutlich zu jeder Zelle doppelt (rechts/links)
                hinzugezaehlt.

                Ich wuerde sowieso alle width- und heigth- Angaben aus dem
                HTML-Code loeschen und alles nur mit CSS loesen.

                Die "leeren" Spalten rechts und links (jetzt blau/rot) sind
                IMHO auch ueberfluessig, da sie keinen Inhalt haben.
                Was willst Du damit erreichen? Abstaende? Farbige Rahmen?

                All das kann man mit CSS wesentlich besser loesen.

                Aber das geht halt dann nicht mehr so "bequem" mit
                Dreamweaver, sondern braucht Kenntnisse in
                HTML und CSS.

                Freundliche Gruesse,

                Thomas

                --
                Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
                Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/
                1. Hallo Thomas

                  Ich bedanke mich herzlich, besonders für die Geduld mit mir.

                  Ich werde versuchen mein Glück in css.

                  Noch ein mall Danke

  2. Hallo Sladi

    Kann mir jemand bei dieser Sache helfen, meine Logik lest nicht zu um das zu verstehen, obwohl ich alles ausgerechnet habe, die Summe alle Zellen ist die breite der Tabelle.

    Ich glaube du rechnest falsch.

    1. Tabelle

    Tabellenbreite:  595
    rechte Spalte:   -60
    linke Spalte:    -60
    letzte Zelle:   -510
                   -----
                     -35
                    ====
    Das kann natürlich nicht funktionieren. Da alle Zellen mehr Inhalt haben, als die beiden Randzellen und die letzte Zelle noch eine Grafik von 500px Breite enthält, bleibt dem Browser nichts anderes übrig als die Randzellen schwäler zu machen oder die Tabelle zu verbreitern.

    Mein Tipp:
    Schmeiße alle Breitenangaben raus, außer der Tabellenbreite selbst und den Randzellen.
    Mache die Grafik schmaler.
    Nimm auch noch die Höhenangabe aus dem <table> raus.
    Und dann schau dir an wie die Tabellen dann aussehen.

    Noch ein Tipp:
    Nimm dir [pref:t=74079&m=427039] und [pref:t=74079&m=427057] zu Herzen.

    MFG
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!