JEAN: Fixe Pixel und relative Prozente kombinierbar?

Hallo!

Mal eine kurze Frage:

Ist es möglich einer Tabelle zu sagen, daß
eine Zeile z. B. 200 Pixel und eine weitere
den Rest der Bildschirmhöhe einnehmen soll?

Wenn ja, wie? Ich habe versucht Pixel und
Prozentangaben zu kombinieren, sprich 200 px
für die eine Zeile und 100% für die andere
Zeile. Das klappt aber leider nicht.

Danke und schönen Abend noch

Jean

  1. Hallo,

    Ist es möglich einer Tabelle zu sagen, daß
    eine Zeile z. B. 200 Pixel und eine weitere
    den Rest der Bildschirmhöhe einnehmen soll?

    Ich wuerde sagen: Grundsaetzlich ja.

    Wenn ja, wie? Ich habe versucht Pixel und
    Prozentangaben zu kombinieren, sprich 200 px
    für die eine Zeile und 100% für die andere
    Zeile. Das klappt aber leider nicht.

    Bei Prozent stellt sich immer die Frage: Prozent von was?
    100% ist die Hoehe bzw. Breite des enthaltenden Elements.
    Diese muss z.T. explizit definiert werden.

    100% + 200px wuerden also sowieso zu breit/hoch.

    Mischen von relativen und absoluten Angaben ist zu vermeiden.

    Gruesse,

    Thomas

    1. Hi Thomas,

      danke für die Empfehlung. Im Prinzip ist die
      Vermischung der beiden Angaben auch nicht
      unbedingt erforderlich, denn mein ursprüngl.
      Problem ist ein anderes:

      Ich habe eine Tabelle mit 2 Zeilen und einer
      Spalte rechts daneben mit rowspan 2:

      ---------------
      |  x1  |  x3  |
      |------|      |
      |      |      |
      |  x2  |      |
      |      |      |
      ---------------

      Leider kann der Inhalt in x3 nur bis zum Ende
      des Inhalts von x2 gehen. Wenn der Inhalt weiter
      geht, verschiebt der Browser einfach die ganze
      Spalte x2 nach unten und es entsteht eine Art
      Lücke zwischen x1 und x2.

      In etwa so:

      ---------------
      |  x1  |      |
      |------|      |
      |      |  x3  |
      |------|      |
      |  x2  |      |
      ---------------

      Naja. Das komme ich einfach nicht weiter. Dabei
      ist es doch eine ganz simple Tabelle. Kindergarten
      eigentlich.

      Vielleicht weißt du Bescheid?

      Jean

      1. Hallo,

        Hast Du versucht, den Inhalt der Zelle x2 vertikal oben auszurichten?
        HTML: <td valign="top" class="x2">
        CSS:
        td.x2 { vertical-align:top; }

        Allenfalls musst Du der Zelle x1 noch eine fixe Hoehe geben.

        Gruesse,

        Thomas

        1. Hallo,

          die vertikale Ausrichtung habe ich bedacht!

          Allenfalls musst Du der Zelle x1 noch eine fixe Hoehe geben.

          x1 hat bereits eine fixe Höhe.

          Und x2 kann ja keine fixe Höhe bekommen, da der
          Inhalt immer variiert und ggf. die fixe Höhe
          überschreiten würde...

          Zunächst:

          ---------------
          |  x1  |  x3  |
          |------|      |
          |      |      |
          |  x2  |      |
          |      |      |
          ---------------

          Wenn x3 zuviel Inhalt hat, verschiebt es
          einfach x2 nach unten:

          ---------------
          |  x1  |      |
          |------|      |
          |      |  x3  |
          |------|      |
          |  x2  |      |
          ---------------

          Ich weiß nicht mehr was ich machen soll.

          Naja,

          danke schonmal

          Jean

          1. Hallo,

            Wenn x3 zuviel Inhalt hat, verschiebt es
            einfach x2 nach unten:


            |  x1  |      |
            |------|      |
            |      |  x3  |
            |------|      |
            |  x2  |      |

            Du hast ja fastix geantwortet, dass Du die Zellenraender
            sichtbar machst.
            Falls Du es nicht sowieso schon tust, solltest Du
            das mit CSS machen (und nicht mit HTML):
            td { border:2px solid red; }

            In Deiner Zeichnung hast Du nun ploetzlich eine
            "unerklaerliche" dritte Zelle. Das kann ich mir nicht vorstellen.
            Ich kann mir nur vorstellen, dass x1 und x2 beide in der
            Hoehe "verzogen" werden. Wenn Du - wie ich oben
            vorschlage - mit CSS jeder Zelle einen sichtbaren Rahmen
            gibst, siehst Du auch besser, wo das Problem genau liegt.

            Falls es sich nicht um eine "dritte Zelle", sondern nur um einen
            riesigen Abstand zwischen den Zellenrahmen hat, dann hilft Dir
            vielleicht
            table { border-collapse:collapse; border-spacing:0; }
            weiter.

            Ich weiß nicht mehr was ich machen soll.

            Vorschlag: Stell Deine Seite endlich online und verrate
            uns die URL, aus der Du natuerlich einen Link machst;-)
            (=> </faq/#Q-07c> und </faq/#Q-19>)

            Gruesse,

            Thomas

            1. Hallo Thomas,

              In Deiner Zeichnung hast Du nun ploetzlich eine
              "unerklaerliche" dritte Zelle. Das kann ich mir nicht vorstellen.
              Ich kann mir nur vorstellen, dass x1 und x2 beide in der
              Hoehe "verzogen" werden.

              Hi du hast Recht! Es entsteht tatsächlich keine
              weitere Zelle. Es wird einfach nur x2 nach unten
              verschoben, wenn in x3 zuviel Inhalt ist. Ich frage
              mich woran das liegt. x2 sollte doch unabhängig von
              x3 sein, oder? und x1 ist in der Höhe definiert.

              Es darf doch nicht einfach größer werden...

              Naja, ich habe jetzt einen anderen Weg gewählt.
              Das mit den Tabellen wurmt mich immer wieder!

              Gruß

              Jean

  2. Moin!

    Ist es möglich einer Tabelle zu sagen, daß
    eine Zeile z. B. 200 Pixel und eine weitere
    den Rest der Bildschirmhöhe einnehmen soll?

    Nicht für alle Browser.

    Wenn ja, wie? Ich habe versucht Pixel und
    Prozentangaben zu kombinieren, sprich 200 px
    für die eine Zeile und 100% für die andere
    Zeile. Das klappt aber leider nicht.

    Die Tabelle war dann 200px + 100% groß- stimmst?

    Du kannst folgendes versuchen:

    http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm
    Gib der Tabelle eine Startposition von oben und unten.
    Wie gesagt: klappt nicht mit allen Browsern.

    Danke und schönen Abend noch

    Bitte.

    MFFG (Mit freundlich- friedfertigem Grinsen)

    fastix®

    --
    Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
    1. Hallo fastix®,

      mein Problem war und ist eigentlich folgendes:

      http://forum.de.selfhtml.org/?t=62903&m=356107

      Leider bin ich damit noch nicht weitergekommen,
      aber danke schonmal.

      HIER nochmals in der Kurzform:

      Ich habe eine Tabelle mit 2 Zeilen und einer
      Spalte rechts daneben mit rowspan 2:

      ---------------
      |  x1  |  x3  |
      |------|      |
      |      |      |
      |  x2  |      |
      |      |      |
      ---------------

      Leider kann der Inhalt in x3 nur bis zum Ende
      des Inhalts von x2 gehen. Wenn der Inhalt weiter
      geht, verschiebt der Browser einfach die ganze
      Spalte x2 nach unten und es entsteht eine Art
      Lücke zwischen x1 und x2.

      In etwa so:

      ---------------
      |  x1  |      |
      |------|      |
      |      |  x3  |
      |------|      |
      |  x2  |      |
      ---------------

      Ich kann mein Problem leider nicht besser beschreiben,
      aber ich hoffe du kannst mir vielleicht
      weiterhelfen!

      Danke

      Jean

      1. Moin!

        Ich hab was vergessen:
        Was "Deine Tabellen anstellen" kannst Du sehen, wenn Du in den table-tag ein border=1 -> "<table border=1>" temporär einfügst. Kannst es ja nach der Fertigstellung wieder entfernen.

        MFFG (Mit freundlich- friedfertigem Grinsen)

        fastix®

        --
        Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
        1. Danke,

          Was "Deine Tabellen anstellen" kannst Du sehen, wenn Du in den

          das mache ich sowieso immer. Es ist nicht so
          das ich ein Neuling bin. Bisher habe ich aber
          immer mit sehr verschachtelten Tabellen gearbeitet
          und bin so noch nicht auf dieses banale Problem
          gestossen.

          Jean

      2. Hallo,

        hast du den Inhalt von x2 obig angeordnet?

        Wenn dieser mittig ausgerichtet ist und x3 verlängert sich nach unten gibt es zwangsläufig einen Platz zwischen x1 und x2

        http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#ausrichtung_zellen

        Odium

    2. Etwa so?

      <body style="height:100%;"
      <!-- hier nix -->
      <table style="height:100%;" border="1"><tr>
      <td style="height:200px;"> Zelle 1 </td>
      <td rowspan="2"> Zelle 3 </td>
      </tr><tr>
      <td> Zelle 2 </td>
      </tr></table>
      <!-- hier au nix -->
      </body>

      Falls also drunter und drüber noch was soll, müßte das mit in die Tabelle wandern.

      Tested on Mozilla 1.5, IE 6, Opera 7.2

      1. Ah, ****, falsches Posting erwischt...

        war für JEAN gedacht :)

      2. Hi!

        Etwa so?

        Ja, genau so!

        Aber schau dir an was passiert, wenn du nun
        in die Zelle 3 ein paar <br>s einfügst!

        Das ist genau mein Problem. Jetzt verschiebt
        er einfach Zelle 2 nach unten...

        Warum nur?

        Gruß Jean

  3. Bonjour Jean!

    Vorname Jean, .fr-E-Mail-Adresse...

    also, falls Du français bist...: ich lese Deinen Namen hier öfters, das gefällt mir gut. Ich hoffe aber auch, dass Du hier bald so viel lernst, dass Du sehr bald auf der anderen Seite des virtuellen Rheins (http://selfforum.selfhtml.com.fr/, *g*]) ein paar Antworten beitragen kannst...

    David und ich fühlen sich dort so allein :)

    Viele Grüße aus Frankfurt/Main,
    Patrick

    1. Hi,

      deutsch ist eine größere Herausforderung!

      Danke trotzdem für den Tipp.

      Jean