Michael: popup-Fenster dem Inhalt angepasst

Wie kann ich ein Popup-Fenster so definieren,das im
Fensterinhalt nur mein Inhalt steht(in meinem Fall eine
Tabelle).Die Tabelle wird zwar angezeigt,aber um die
Tabelle herum ist noch Platz und ausserdem ist die Tabelle nicht zentriert,so das es noch schlimmer aussieht.
Desweiteren will ich dem Fenster ein eigenes Aussehen
verpassen,wie man die Scrollbalken farblich verändert
ist mir bekannt,geht das aber auch mit dem gesamten
Fenster??

  1. Hallo Michael

    Wie kann ich ein Popup-Fenster so definieren,das im
    Fensterinhalt nur mein Inhalt steht(in meinem Fall eine
    Tabelle).Die Tabelle wird zwar angezeigt,aber um die
    Tabelle herum ist noch Platz und ausserdem ist die Tabelle nicht zentriert,so das es noch schlimmer aussieht.

    Das ist nicht Aufgabe der Definition des Popup-Fensters, sondern Aufgabe der Datei, in der die Tabelle steht. Am besten gibst du dort ein:

    <body>
    <div style="position:absolute; top:0px; left:0px; width:100%; text-align:center">
    <table> ...
    </table>
    </div>
    </body>

    viele Gruesse
      Stefan Muenz

    1. Hallo Stefan

      <div style="position:absolute; top:0px; left:0px; width:100%; text-align:center">

      sollte man hier nicht vielleicht lieber <div align="center"> ver-
      wenden, weil mit text-align wird ja kein Block-Level-Element zent-
      riert (und Opera sowie Mozilla machen es auch nicht)?

      Viele Grüße,
      Stefan

      1. Hallo Stefan

        sollte man hier nicht vielleicht lieber <div align="center"> ver-
        wenden, weil mit text-align wird ja kein Block-Level-Element zent-
        riert (und Opera sowie Mozilla machen es auch nicht)?

        Hm? Natuerlich bezieht sich text-align auf Block-Elemente - siehe http://web3.w3.org/TR/REC-CSS2/text.html#alignment-prop. Worauf auch sonst?

        viele Gruesse
          Stefan Muenz

        1. Hallo Stefan,

          Hm? Natuerlich bezieht sich text-align auf Block-Elemente - siehe http://web3.w3.org/TR/REC-CSS2/text.html#alignment-prop. Worauf auch sonst?

          "This property describes how inline content of a block is aligned."

          Soll heißen, mit text-align werden immer nur Inline-Level-Elemente
          ausgerichtet.
          Weiter unten steht dann auch ein Beispiel:

          "In this example, note that since 'text-align' is inherited, all
           block-level elements inside the DIV element with 'class=center'
           will have their inline content centered."

          Und damit ist eben nicht die Tabelle selbst sondern nur deren Inhalte
          zentriert (aus </?m=12014&t=2110>)

          Block-Level-Elemente selbst sollen *theoretisch* mit margin:auto;
          zentriert werden, kann aber imho kein Browser.

          Viele Grüße,
          Stefan

          1. Hallo Stefan!

            Block-Level-Elemente selbst sollen *theoretisch* mit margin:auto;
            zentriert werden, kann aber imho kein Browser.

            Wie? Was? "Kann aber imho kein Browser"?

            Kleines Beispiel:
            ---------------------------------------------------------------------
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                 "http://www.w3.org/TR/html4/loose.dtd">
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
            <title>Zentrierte Tabelle</title>
            <style type="text/css">
            table { border: solid 2px #f93; margin:auto; width:80%;}
            </style>
            <table>
             <tr>
              <td>Diese Tabelle ist zentriert</td>
             </tr>
            </table>
            ---------------------------------------------------------------------

            Im IE6, Opera6 und Mozilla 0.9.7 (WIN) wird in diesem Beispiel die Tabelle zentriert angezeigt.

            Gruß,

            kerki

            1. Hallo Kerki,

              Wie? Was? "Kann aber imho kein Browser"?
              Kleines Beispiel:
              Im IE6, Opera6 und Mozilla 0.9.7 (WIN) wird in diesem Beispiel die Tabelle zentriert angezeigt.

              glaube ich Dir jetzt ungeprüft, vermutlich sollte ich den PC für den
              Rest des Tages lieber jetzt gleich ausschalten ;-)

              Viele Grüße und Danke für den Hinweis,
              Stefan

        2. Hallo Stefans! :-)

          sollte man hier nicht vielleicht lieber <div align="center"> ver-
          wenden, weil mit text-align wird ja kein Block-Level-Element zent-
          riert (und Opera sowie Mozilla machen es auch nicht)?

          Hm? Natuerlich bezieht sich text-align auf Block-Elemente - siehe http://web3.w3.org/TR/REC-CSS2/text.html#alignment-prop.

          Worauf auch sonst?

          Öhm... auf Inline Content!?

          Steht doch wörtlich da:
          -------------------------------------------------------------------
          "This property describes how inline content of a block is aligned."
          -------------------------------------------------------------------

          'of' nicht 'or'! ;-)

          Wenn ich nicht irre, lassen sich Block-Level-Elemente nur mittels margin-Angaben zentrieren, z.B. mit margin:auto;

          Gruß,

          kerki

    2. Hallo Stefan,

      ich habe Deine Anregung aufgegriffen und die Tabelle
      positioniert,aber das ändert ja eigentlich nichts
      denn das Fenster ist immer noch grösser als die Tabelle
      nur die Tabelle hängt jetzt weiter oben im Fenster
      und der freie Platz ist jetzt unten und rechts neben
      der Tabelle.
      Ich kann die Tabelle auch nicht weiter vergrössern
      dann wird ja der Inhalt total verzerrt.Das Problem
      ist das Fenster,es muss so klein werden das die Tabelle
      hineinpasst.

      Viele Grüsse und auf eine Auflösung des Rätsels hoffend
      Michael