Oliver L.: Genaue Rahmen Bestimmung bei Tabellen - unmöglich?

Hallo,

mir wurde geraten, meine HP anstatt mit Layer, mit Tabellen zu gestallten. Da diese Kritik öfter kam, habe ich auch beschlossen, sie zu befolgen. Für das Design meiner Homepage ist es wichtig jeden border genau zu gestellten, dies mache ich mit css. Bei den Layern war es einfach: Ich gebe jeden Layer eine border-top Wert, einen border-bottom Wert,... .

Ich dachte mir, bei den Tabellen sei es genau so, doch werden hier die einzelnen Rahmen in der Mitte von 2 Tabellen-Zellen zusammengezogen, was eine genaue Bestimmung unmöglich macht.

Auch mit border-collapse:seperate löst sich das Problem nicht, es werden hier einfach keine Rahmen angezeigt. Mach ich etwas falsch? Wenn ja, was? Gibt es andere Lösungen?

Danke für jede Hilfe,

Oliver L.

  1. Hallo,

    steht dein cellspacing auf "0"?

    Dieter

    1. Hallo,

      Nein, ich habe keine cellspacing Wert angegeben. Ist dies der Fehler?

      Oliver L.

      1. Hallo,

        Ich bin nicht sicher ob man Cellspacing mit CSS machen kann, aber wenn man es garnicht angibt, ist es immer so ca. 2px

        Dieter

        1. Danke für die Hilfe, aber scheinbar dürfte cellspacing nicht für dieses Ergeniss verantwortlich sein. Ich versuche es gerade mit border-spacing, geht aber ebensowenig. Wenn ich

          border-collpase: sperate

          angebe, dann werden keine Rahmen angezeigt- warum nicht?

          Oliver L:

          1. Hallo,

            Schick doch bitte mal etwas Code

            Dieter

            1. Hallo

              table.t2 {
              border-spacing:3px;
              border-collapse: seperate;
              position:absolute;
              top:200px;
              left:50px;
              }

              td.td7 {
              height:55px;
              width:205px;
              border-bottom: 10px solid #FFFFFF;
              border-top: 5px solid #000000;
              border-left: 5px solid #FFFFFF;
              border-right: 0px;
              margin:0px;
              background-color:#A5A67B;
              color:#000000;
              display: table-cell;
              text-align: center;
              vertical-align: middle;
              padding: 0px;
              }

              Diesen code benutzte ich in der Css-Datei.

              <table class="t2" >

              <tr>
              <td class="td7" ></td>
              </tr>

              <tr>
              <td class="td7" ></td>
              </tr>

              </table>

              Diesen in der htm Datei.
              Gibt man es genau so ein, so erscheine keine Rahmen, gibt man bei collapse- collapse ein, so werden sie Rahmen in der Mitte zusammengelegt.

              Danke, für Hilfe,

              Oliver L.

              1. Hallo,

                Voila:

                <?xml version="1.0" encoding="iso-8859-1"?>
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                <title>Untitled Document</title>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <style type="text/css">
                <!--

                td.td7 {
                height:55px;
                width:205px;
                border-bottom: 5px #FF0000 solid ;
                border-top: 5px #000000 solid;
                border-left: 5px #FF0000 solid ;
                border-right:5px #0000FF solid ;
                margin:0px;
                background-color:#A5A67B;
                color:#000000;
                text-align: center;
                vertical-align: middle;
                padding: 0px;
                }
                -->
                </style>
                </head>
                <body>
                <table cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="td7" >test</td>
                  </tr>
                  <tr>
                    <td class="td7" >test</td>
                  </tr>
                </table>
                </body>
                </html>

                Dieter

                1. Danke,

                  auf die einfache Idee cellpadding und spacing in den html Text zu integrieren wäre ich nie gekommen,

                  Oliver L.

  2. Gerade habe ich gemerkt, dass dieser Beitrag Rechtschreibfehler enthält, ich hätte ihn wohl nochmals durchlesen sollen...

  3. Hallo,

    Mach ich etwas falsch? Wenn ja, was?

    Woher sollen wir das wissen, wenn wir weder dein HTML noch dein CSS sehen können?

    Grüße
    Thomas

  4. Hallo!

    mir wurde geraten, meine HP anstatt mit Layer, mit Tabellen zu gestallten.

    Wie bitte? Es gibt keinen sinnvollen Grund, mit Tabellen zu arbeiten, wenn man die Seite auch mit CSS umsetzen kann.

    Wer erzählt denn so einen Unsinn? Die Frontpage-Fraktion?

    emu
    [...]

    1. Hallo,

      damit, so wurde mir glaubhaft berichtet, werden die Probleme mit dem wilkürlichen Ausrichten von Layer in Opera und NS gelöst.
      Ich definiere die Tabellen per Css. Ob es die FP Fraktion war, habe ich keine Ahnung.

      OLiver L.

      1. Hi!

        Probleme mit dem wilkürlichen Ausrichten von Layer in Opera und NS

        Beweiße?

        cu Joeyfle

        1. Die geforderten Beweiße

          http://d-schloetel.de/download/mrg.gif

          Oliver L.

          1. Hallo!

            <img src="http://d-schloetel.de/download/mrg.gif" border="0" alt="">

            Und was genau beweist das? Dass Opera (?) die Seite nicht ganz so darstellt, wie du es willst? Ja und? Sie ist doch voll benutzbar und schaut noch immer nicht schlecht aus - warum sollte man plötzlich wieder mit Tabellen anfangen?

            emu
            [...]

            1. Hallo,

              so langsam kommen auch mir Zweifel an der Sinnhaftigkeit von Tabellen. Es tauchen immer mehr Probleme auf: Die Ränder lassen sich nicht gut genug ausrichten, mit der Sichtbarkeit von leeren Zellen habe ich auch meine Probleme und an allen Ecken und Enden muss ich mit den Pixeln spielen, da sie sonst verzogen werden. Ich denke ich lege das Tabellen Projekt auf Eis,

              OLiver L.

      2. Hallo!

        damit, so wurde mir glaubhaft berichtet, werden die Probleme mit dem wilkürlichen Ausrichten von Layer in Opera und NS gelöst.

        Und, wie du gesehen hast, viele neue Probleme geschaffen.

        Bastle für Netscape 4 eine eigene Datei oder schließe ihn ganz von den CSS-Definitionen aus. Wenn du die Seite richtig strukturierst, dann ist sie auch ohne CSS benutzbar.
        http://aktuell.de.selfhtml.org/tippstricks/css/browserweiche/

        emu
        [noch immer den kopf schüttelnd über die idee eine seite auf tabellen umzurüsten]

  5. Hallo

    table.t2 {
    border-spacing:3px;
    border-collapse: seperate;
    position:absolute;
    top:200px;
    left:50px;
    }

    td.td7 {
    height:55px;
    width:205px;
    border-bottom: 10px solid #FFFFFF;
    border-top: 5px solid #000000;
    border-left: 5px solid #FFFFFF;
    border-right: 0px;
    margin:0px;
    background-color:#A5A67B;
    color:#000000;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
    }

    Diesen code benutzte ich in der Css-Datei.

    <table class="t2" >

    <tr>
    <td class="td7" ></td>
    </tr>

    <tr>
    <td class="td7" ></td>
    </tr>

    </table>

    Diesen in der htm Datei.
    Gibt man es genau so ein, so erscheinen keine Rahmen, gibt man bei collapse- collapse ein, so werden die Rahmen in der Mitte zusammengelegt.

    Danke, für Hilfe,

    Oliver L

    1. Hi,

      table.t2 {
      border-spacing:3px;
      border-collapse: seperate;

      kein gültiger Wert. collapse oder separate, aber nicht seperate.
      Das hättest Du aber mit dem CSS-Validator auch leicht selbst ermitteln können.

      cu,
      Andreas

      --
      Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.